博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js制作倒计时效果
阅读量:6840 次
发布时间:2019-06-26

本文共 1127 字,大约阅读时间需要 3 分钟。

该程序可以计算任意指定的两个日期中间的差值。

本例子的指定日期是2017年1月1日,当前时间是2016年10月21日;计算它们之间的差值,在网页上显示如图所示:

关键部分代码:

1 var nowtime = new Date().getTime();//获取当前时间的毫秒数2 var wtime = new Date("2017,1,1").getTime();//获取指定日期的毫秒数3 var lefttime = (wtime-nowtime)/1000;//获取指定日期和当前时间的相差的秒数4 var day = parseInt(lefttime/60/60/24);//转化为天数5 var hour = parseInt(lefttime/60/60%24);//转化为小时数6 var min = parseInt(lefttime/60%60);//转化为分钟数7 var sec = parseInt(lefttime%60);//转化为秒数

解析

  lefttime获得的是指定时间和当前时间的差值的秒数,我们要做的就是把秒数分别转化为天数,小时数,分钟数和秒数,

  • 转化为天数:用lefttime除以(60*60*24)得到的是结果是71.0685的小数,我们此时需要的是整数,故用parseInt()方法获取整数;
  • 转化为小时数:之前得到有小数点的天数是71.0685,天数已经取整得到了71天,那么剩余的小数不足一天则转化为小时数,用lefttime除以(60*60)得到差值的小时数,然后进行取余%24得到不足一天的小时数,此时小时数可能是带有小数点的,所以也用parseInt()方法取整。
  • 转化为分钟数:同理,分钟数是之前得到的有小数点的小时数后面的小数,所以此时用lefttime除以60得到差值的分钟数,然后取余%60得到不足一小时的分钟数,然后再次取整。
  • 转化为秒数:用lefttime取余%60得到不足一分钟的秒数。

完整代码:

1  2  3  4      5     
6 7 15 16
17 距离2017年元旦节还有: 18
天 19
小时 20
分钟 21
秒 22
23 41 42

如有代码上的错误或者不同的思路和建议,欢迎大家指正。

转载于:https://www.cnblogs.com/zsxblog/p/5986225.html

你可能感兴趣的文章
Postman 调试Api,以及xdebug断点调试补充
查看>>
JDK源码阅读(一):Object源码分析
查看>>
Nodejs学习笔记(一)--- 操作Mysql数据库
查看>>
CF487E Tourists
查看>>
FFmpeg(二) 解封装相关函数理解
查看>>
JS---改变图片大小
查看>>
Codeforces Round #348(VK Cup 2016 - Round 2)
查看>>
ASP.Net TextBox只读时不能通过后台赋值取值
查看>>
文件I/O操作函数 read() write()
查看>>
vue文件上传 vue-simple-upload的使用方法
查看>>
Oracle 一次 锁表 处理小记
查看>>
ES6数组方法
查看>>
Linux学习的常用命令
查看>>
win10下安装lupa
查看>>
线程同步之lock学习
查看>>
深入浅出javascript(五)函数
查看>>
关键字的理解
查看>>
Bootstrap 3支持IE 8遇到的一个小问题
查看>>
jquery中ajax回调函数使用this
查看>>
我记录网站综合系统 -- 技术原理解析[7:CSS类]
查看>>