举例说明多个js同时毫秒倒计时的效果

本文解释了js毫秒同步倒计时的代码，分享给大家参考。具体内容如下。

渲染：

实现函数：调用一个函数，传入html元素的id和一个deadline (unix时间戳)，在html元素中打印当前到deadline的倒计时，精确到毫秒；

效果图如下：

！DOCTYPE html html head meta charset=' UTF-8 ' meta name=' viewport ' content=' initial-scale=1.0，minimum-scale=1.0，maximum-scale=1.0，user-scalable=no ' title/title style div { width : 100%；高度： 50px；边距-bottom : 5px；背景：黄绿色；} /style /head body h2毫秒倒计时/H2 div id=' timer 1 '/div div id=' timer 2 '/div div id=' timer 3 '/div div id=' timer 4 '/div脚本var addtimer=function(){ var list=[]，interval返回函数(id，TiMer){ if(！interval){ interval=setInterval(go，1)；} list . push({ ele : document . getelementbyid(id)，time : timestamp })；}函数go(){ for(var I=0；一、清单.长度；I){ list[I]. ele . innerhtml=change timestamp(list[I])。时间)；if(！清单[i]。time) list.splice(i -，1)；} }//传入unix时间戳，得到倒计时函数change timestamp(时间戳){var distancetime=newdate(时间戳* 1000)。gettime ()-newdate()。gettime()；如果(distancetime 0){ //如果大于0，则表示截止日期尚未达到varms=math。地板(距离00)；var sec=Math . floor(distance time/1000 `)；var min=math . floor(distance time/1000/60 `)；var hour=math . floor(distance time/1000/60/60 $)；if(ms 100){ ms=' 0 ' ms；} if(sec 10){ sec=' 0 ' sec；} if(min 10){ min=' 0 ' min；} if(hour 10){ hour=' 0 ' hour；}返回小时' : '分钟' : '秒' : '毫秒；}else{//如果不是，已经是最后期限了。返回“它已经过期了！”} } }();addTimer('timer1 '，1451923200)；//1月5日00: 00，unix时间戳自行去百度，有addTimer('timer2 '，1451926800)；//添加1月5日01: 00的计时器(' timer3 '，1451930400)；//1月5日02: 00添加定时器(' timer4 '，1452020400)；//1月6日03:00/script/body/html如何使用此功能？

AddTimer('#id '，时间戳int)；

PS:

其实这个功能有一个小问题：不显示截止日期；因为老板说我们的倒计时最多只有几个小时，所以我懒得写那么多关于判断倒计时的小时和天。所以如果传入的时间戳超过1天。然后你会看到这个结果：02:11336032:874 ~ ~只剩下2个小时了！很明显错了，不是吗？

这里有两个方案：

方法1:放varhour=math。地板(distance time/1000/60/60 $)；已更改为varhour=math。地板(distance time/1000/60/60)；

如果截止日期从现在起超过一天，小时位置将显示一个大于24的数字；比如：36:45愚人节33333335

方法二：自己写另一个变量计算天数；

以上就是本文的全部内容，希望对大家的学习有所帮助。