[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) 秒

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

 


目录
相关文章
|
3月前
|
JavaScript 索引
js倒计时功能
js倒计时功能
43 0
|
5月前
|
前端开发 JavaScript
HTML+CSS+JS 倒计时动画效果
HTML+CSS+JS 倒计时动画效果
|
6月前
|
JavaScript 前端开发
JavaScript解决生日倒计时的问题
JavaScript解决生日倒计时的问题
39 0
|
6月前
|
JavaScript 前端开发
JavaScript编写一个倒计时
JavaScript编写一个倒计时
30 0
|
6月前
|
JavaScript
JS利用时间戳倒计时案例
JS利用时间戳倒计时案例
|
6月前
|
JavaScript 前端开发 小程序
element 订单列表中 实现多个倒计时(vue+js)
element 订单列表中 实现多个倒计时(vue+js)
111 1
|
6月前
|
移动开发 JavaScript 前端开发
分享75个JS特效倒计时,总有一款适合您
分享75个JS特效倒计时,总有一款适合您
92 0
|
6月前
h5+JavaScript实现一个倒计时功能
h5+JavaScript实现一个倒计时功能
|
6月前
|
JavaScript
实现一个网页同时调用多个倒计时 jquery/js
实现一个网页同时调用多个倒计时 jquery/js