小程序实现列表多批次倒计时

最近在写一个列表函数。名单有倒计时效果，网上没有资料。以下是我自己写的。如果有问题，希望你能指出来。

我们先来看看基本效果

小程序中的列表倒计时类似于活动倒计时列表，列表中有多个倒计时效果，没有冲突

先打印出时间，放入数据，然后写一个计时器；如果你先写计时器，然后把打印的时间放入数据中，你会报错。setData不支持此操作。

数据文件(dates.js，返回的时间数据是剩余时间)

vardate=[{ dat :324235235 }，{dat:720000}，{dat3360675875754}]模块。导出={datetime:dates} wxml文件(a.wxml)

查看=' { { wear list } '的wx:datetime } } ' wx : for-item=' item ' wx : key=' id ' view class=' date ' { item。difftime}}/view/viewjs文件(a.js)

var dates=require('./utils/date . js ')；//数据文件页({ data: { }，on show(a){//console . log(date . datetime)//data let那=this让len=date . datetime . length；//time数据长度函数nowTime() {//time函数//console . log(a)for(var I=0；我透镜；I){ var intDiff=date . datetime[I]。dat//获取data//console.log (int diff)中的时间戳varday=0，hour=0，minute=0，second=0；If(intDiff 0){//转换时间day=math。floor(int diff/(60 * 60 * 24))；hour=math . floor(intDiff/(60 * 60))-(day * 24)；分钟=Math.floor(intDiff/60) -(天* 24 * 60) -(小时* 60)；second=math . floor(intDiff)-(day * 24 * 60 * 60)-(hour * 60 * 60)-(minute * 60)；如果(小时=9)小时=0小时；if(分钟=9)分钟='0 '分钟；if(秒=9)秒='0 '秒；date . datetime[I]。dat-；var str=hour ' : ' min ' : ' second//console . log(str)} else { var str=' over！'；clearInterval(计时器)；}//console . log(str)；date . datetime[I]。difftime=str//将difftime参数名添加到数据中，并将时间放入} that . setdata({ wear list : dates })//console . log(that)} now time()；var timer=setInterval(nowTime，1000)；}})小程序中的列表倒计时类似于活动倒计时列表，列表中有多个倒计时效果，没有冲突

先打印出时间，放入数据，然后写一个计时器；如果你先写计时器，然后把打印的时间放入数据中，你会报错。setData不支持此操作。

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