包含天,时,分,秒的倒计时
这个很基础的东西写的过程中出了很多小的错误,在此记录一下。
原生的js。
结构:
<p id="time"></p>
js:
<script> var start = new Date().getTime(); // 获取开始时间 var end = new Date("2019-01-22 18:00:00").getTime(); // 设置结束时间 var space = Math.floor((end-start)/1000) // 获取时间差值 function countDown(time){ var timer = null; timer = setInterval(function(){ var day = 0; // 设置默认时间均为0 hour = 0; minute = 0; second = 0; if(time > 0){ day = Math.floor(time / 60 / 60 / 24); hour = Math.floor(time / 60 / 60 % 24); minute = Math.floor(time / 60 % 60); second = Math.floor(time % 60);
// 其中计算时间的这部分代码可以写成如下两种方式:
day = Math.floor(times / (60 * 60 * 24)); hour = Math.floor(times / (60 * 60)) - (day * 24); minute = Math.floor(times / 60) - (day * 24 * 60) - (hour * 60); second = Math.floor(times) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); // 或者:
day = parseInt(times / 60 / 60/ 24); hour = parseInt(times / 60 / 60 % 24); minute = parseInt(times / 60 % 60); second = parseInt(times % 60);
} if(minute <= 9){ minute = "0" + minute; } if(second <= 9){ second = "0" + second; } time--; document.getElementById("time").innerHTML = "剩余时间是:"+day+"天"+hour+"小时"+minute+"分"+second+"秒";
},1000) if(time <= 0){ clearInterval(timer) // 关闭定时器 } } countDown(space);
</script>
转载于:https://www.cnblogs.com/ly-qingqiu/p/10304252.html
包含天,时,分,秒的倒计时相关推荐
- 计算耗时为微秒的方法(包含:时/分/秒/毫秒/微秒/纳秒)
计算耗时为微秒的方法1 #include<stdio.h> #include <windows.h> int main() {int a[10002];int i = 0;do ...
- JS实现倒计时精确到天数,时,分,秒或者精确到时、分、秒(小时数累加)
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>JS ...
- java秒转换为年月日_SimpleDateFormat将月/日/年 时分秒转换为年-月-日 时:分:秒
String expirTime = "12 / 27 / 2018 12: 00: 00 AM"; SimpleDateFormat in = new SimpleDateFor ...
- shell高级脚本:“秒”转换为“时-分-秒”;ping
"秒"转换为"时-分-秒" swap_seconds () {SEC=$1(( SEC < 60 )) && echo -e " ...
- [转载] 用python 获取当前时间(年-月-日 时:分:秒),并且返回当前时间的下一秒
参考链接: Python获取当前时间 获取当前时间,并且返回当前时间的下一秒 因为存在年-月-日 时:分:秒 考虑到用split的方法做的话非常麻烦 所以引入time和datetime模块 当然 也可 ...
- Excel计算将时间字符串转换为时间格式 年-月-日 时:分:秒 且计算时间差得到 时分秒 格式
Excel计算时间差时分秒 今天数据导出处理的时候碰见一个时间格式问题如下: 这个日期数据从数据库里导出来就是字符串了,由于取出来的还有一些很长的编码形式的字段怕被隐没,所以将数据粘贴之前我将exce ...
- js将当前时间格式化为年-月-日 时:分:秒
利用js的Date()对象,将系统当前时间格式化为年-月-日 时:分:秒.也可以自己定义格式.(做项目时遇到这个问题.本来想百度一个用,哎,网上的结果太乱了,于是自己写一个) 代码如下: <!D ...
- 汇编语言:以“年/月/日 时:分:秒”的格式,显示当前的日期、时间。
题目:访问cmos ram,用汇编语言编程,以"年/月/日 时:分:秒"的格式,显示当前的日期.时间. 我编写的程序是用直接写显存的方式,在屏幕中间显示系统的当前时间. 但是,有两 ...
- 用python 获取当前时间(年-月-日 时:分:秒),并且返回当前时间的下一秒
获取当前时间,并且返回当前时间的下一秒 因为存在年-月-日 时:分:秒 考虑到用split的方法做的话非常麻烦 所以引入time和datetime模块 当然 也可以改写成输入一个时间 代码实现 imp ...
- Python 获取当前时间 年-月-日-时-分-秒
Python Version (使用版本): Python 3.7.0 (v3.7.0:1bf9cc5093, Jun 27 2018, 04:06:47) [MSC v.1914 32 bit (I ...
最新文章
- Python 用户的三次登录机会
- Script that build Dual Stack route
- mybatis的快速入门
- 三个变量中怎么找出中间值_一文理解神经网络中的偏差和方差
- [转载] Python入门(输入/输出、数据类型、条件/循环语句)
- TokenInsight:反映区块链行业整体表现的TI指数较昨日同期上涨0.8%
- tomcat加入系统服务
- php cannot bind port to socket,PHP基于socket实现客户端和服务端通讯功能
- Block code execution after alert view is displayed in iOS
- BZOJ4602: [Sdoi2016]齿轮(并查集 启发式合并)
- MySQL如何建索引以及利用索引优化ORDER BY排序语句
- cvSobel() 梯度和Sobel导数
- 月光博客:我的知识管理工具列表(强烈推荐收藏)
- 总结了一份嵌入式相关开源项目、库、资料
- Android apk的安装
- java 数组 eqlue_Java源码浅析,Character(3)
- 手机坏了,有必要再修吗?
- 网易云音乐登录报错 status: 400, body: { code: -460, message: ‘网络太拥挤,请稍候再试!‘ } 解决
- POST请求和PUT请求的区别
- labspec6教程_LabSpec6软件功能–光谱扫描方式-Horiba.PDF
热门文章
- 《Python Cookbook 3rd》笔记(5.15):打印不合法的文件名
- easyui 表头合并_JQuery EasyUI DataGrid动态合并(标题)单元) 一
- select选中的值_selenium下拉框处理(select)
- 使用named_mutex和named_condition配合实现读写锁
- 最新,使用truffle框架之后,安装ipfs的api包文件的命令变化
- 广州驾校考试实际道路考试注意事项(图)
- 安装OpenCL和AMD驱动程序
- 创业必经之路——Paul Graham创业曲线
- 时间即财富:创业者浪费精力的八个错误
- H.264将普及 视频编码讲坛之H.264前世今生