js实现了JD.COM扣球的倒计时功能

这个例子分享了js实现JD.COM斯派克倒计时功能的具体代码，供大家参考。具体内容如下

首先，让我们向您展示渲染图，因为它们是在移动端制作的，所以只需放大并向您展示各个部分：

关于JD.COM尖峰的实现，以前也使用过其他方法。今天和大家分享一个原生方法。不会很难。

1.倒计时页面结构：

div class=' second kill ' div class=' top ' Span class=' red fl '手持扣球/Span Span class=' num fl ' 0/Span Span class=' num fl ' 5/Span Span class=' coln fl ' :/Span Span class=' num fl ' 0/Span Span class=' more fr ' more/Span/Span。secondkill {。top { height: 40pxborder-top : 3px solid $ JD red；border-bottom: 1px实心# ccc衬垫-top : 5px；red { color: $ jdred} .num { background-color : # 000；margin: 0px 3pxpadding: 3pxcolor:白色；} }3.js部分：

//倒计时//1。指定倒计时的到期时间(2018-5-29，21:08:49)//可以直接用年、月、分、秒创建日期对象，但月份从0开始，即VAR TO=NEW DATE (2018，4，29，20，20，10)；函数antime(){ var now=new Date()；//2.获取当前时间和过期时间之间的时间差(毫秒)var deltaTiME=to-now；//过期时间和当前时间之间的毫秒数。//如果是超时，停止倒计时if (deltaTime=0) {//停止timer window.clearInterval(定时器)；//停止执行以下代码返回；}//给定毫秒数，计算几分几秒。VAR M=数学。楼层(时间/(60 * 1000))；//计算var s=数学的秒数。楼层(时间/1000% 60)；//计算毫秒数。毫秒数只显示10位数和100位数。Varms=数学。楼层(时间% 1000/10)；//将次数转换为字符串。如果分、秒和毫秒数小于10，则0 var timeStr='' (m10？0' m:m) (s10？0 ' s 3360s)(ms10？0 ' ms : ms)；console . log(timeStr)；//063535//每个都用于遍历。数字元素。事实上，您可以将其理解为循环$(. ' second kill . num ')。每个(函数(index，span){//console . log(span)；$(跨度)。html(timeStr.substring(index，index 1))；//$(span)，默认情况下span是一个js对象，需要通过$(span)/$(span)将其更改为jquery对象。html()；此方法用于设置span///timestr . substring()中的值；此方法用于截取字符串“abcdefg”}；}//每十毫秒执行一次vartimer=set interval(antime，10)；});注意部分：

1、注意这部分，时间要给定一个时间，比如说JD.COM的尖峰在早上10点结束，那么这里的时间就要填在10点，注意月份从0开始，所以5月应该写在4月。如果这个时间过了这个倒计时，就不会再执行了。请记住。

var to=新日期(2018，4，29，20，20，10)；2.我们在这里得到的是毫秒，所以我们在计算分钟和秒钟之后要注意换算。

//2.获取当前时间和过期时间之间的时间差(毫秒)var deltaTiME=to-now；//到期时间和当前时间之间的毫秒差。3.要判断，如果小于10，在它前面加一个0。

//将次数转换为字符串。如果分、秒和毫秒数小于10，则0 var timeStr='' (m10？0' m:m) (s10？0 ' s 3360s)(ms10？0 ' ms : ms)；console . log(timeStr)；以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。