小程序倒计时-ppt倒计时小程序-小程序倒计时功能-即速应用

小程序倒计时-ppt倒计时小程序-小程序倒计时功能

浏览量：2334 时间：2020-04-06 来源：CherryCola_zjl

针对一个页面列表中多个倒计时的难题1.
解决思路：计时器单放一个数组，因为要实时操作，避免列表数据过大操作太笨重。根据计时器列表的index与列表数据的index相对，去找到自己对应的倒计时器。页面刷新数据时要先清除所有定时器，再重新加载，不然会出现连跳或者秒数来回跳动的问题。
//data里声明timerList:[],allTimerList:[]//js传入秒数与indextimerhandle(timeSeconds,index){if(timeSeconds){this.setData({['timerList['+index+']']:[parseInt(timeSeconds/60/60%24),parseInt(timeSeconds/60%60),parseInt(timeSeconds%60)]},(){lettimersetInterval((){timeSeconds--//倒计时到0，可以加入自定义函数处理if(timeSeconds0){clearInterval(timer)}this.setData({['timerList['+index+']']:[parseInt(timeSeconds/60/60%24),parseInt(timeSeconds/60%60),parseInt(timeSeconds%60)]})},1000)letllthis.data.allTimerListll.push(timer)this.setData({allTimerList:ll})})}else{this.setData({['timerList['+index+']']:['00','00','00']})}},//清除定时器clearAllTimer(){this.data.allTimerList.forEach((el,index){clearInterval(el)})this.setData({allTimerList:[],timerList:[]},(){})}

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题，烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ，我们将及时处理。本站文章仅作分享交流用途，作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关，请知悉。