[js倒计时]指定对应时间自动倒计时

距离周一 8:30 剩下 xx:xx:xx 定时器

利用js设置一个时间倒计时标识牌,设计原理:将指定时间减掉当前时间,获得时间差,在利用数学方法分别获取指定的时、分、秒;使用定时器指定时间自动刷新。

步骤:

1:使用new Date()获取当前时间和指定的结束时间。

2:获取指定结束时间的时间戳,分别转换为小时、分钟数、描述;使用%运算,得到指定时间的时分秒后,用指定时间减去当前时间,获得他们之间的时间差,时间戳是有小数显示的,避免小数相加使结果偏差,此处用.floor向下取整;

3:Math.floor((nowTime-time)/1000/3600) 小时

Math.floor((nowTime-time)/(1000*60)%60) 分钟

Math.floor((nowTime-time)/1000%60) 秒

时间戳转为指定的时、分、秒,用指定时间的时间戳-当前时间的时间戳,设置定时器每隔一秒刷新。

[js倒计时]指定对应时间自动倒计时_第1张图片

[js倒计时]指定对应时间自动倒计时_第2张图片

 

你可能感兴趣的:(前端,javascript)