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

简介: [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) 秒

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

 


目录
相关文章
|
7天前
|
JavaScript 前端开发
JavaScript解决生日倒计时的问题
JavaScript解决生日倒计时的问题
11 0
|
7天前
|
JavaScript 前端开发
JavaScript编写一个倒计时
JavaScript编写一个倒计时
13 0
|
22天前
|
JavaScript
JS利用时间戳倒计时案例
JS利用时间戳倒计时案例
|
22天前
|
移动开发 JavaScript 前端开发
分享75个JS特效倒计时,总有一款适合您
分享75个JS特效倒计时,总有一款适合您
38 0
|
22天前
h5+JavaScript实现一个倒计时功能
h5+JavaScript实现一个倒计时功能
|
22天前
|
JavaScript 前端开发 小程序
element 订单列表中 实现多个倒计时(vue+js)
element 订单列表中 实现多个倒计时(vue+js)
|
22天前
|
JavaScript
实现一个网页同时调用多个倒计时 jquery/js
实现一个网页同时调用多个倒计时 jquery/js
|
22天前
|
JavaScript
JS倒计时
JS倒计时
|
7月前
|
JavaScript 前端开发
js实现长按录制视频按钮外部转圈倒计时10秒的效果
js实现长按录制视频按钮外部转圈倒计时10秒的效果
43 0