!--index.wxml--viewclass"container"viewclass'startBtn'catchtap'startTimeTap'开始倒计时/viewviewclass'timeText'{{countDownDay}}:{{countDownHour}}:{{countDownMinute}}:{{countDownSecond}}/viewviewclass'nextPageBtn'catchtap'nextPageTap'跳转下一页/view/view//获取应用实例constappgetApp()//注意点1:这里初始化全局的定时器对象，保证一次只有一个定时器在计时varintervalnewObject();Page({data:{//初始显示时间countDownDay:10,countDownHour:10,countDownMinute:10,countDownSecond:10,},onLoad:function(){},onShow:function(){//注意点2:因为下拉刷新或者重新加载界面（从子界面返回）都会走此方法，所以在注意点3处，需要清空上次的定时器//第一种开始计时方式请求到数据就开始计时this.startTimer(600);},//点击按钮开启定时器startTimeTap:function(){//调用定时器600s开始倒计时//第二种开始计时方式点击按钮this.startTimer(600);},//开始计时startTimer:function(currentstartTimer){//注意点3:清除定时器为了保证每次只有一个定时器，和下拉刷新配合，否则会导致计时数据跳动，因为创建了多个定时器。clearInterval(interval);intervalsetInterval(function(){//秒数varsecondcurrentstartTimer;//天数位vardayMath.floor(second/3600/24);vardayStrday.toString();if(dayStr.length1)dayStr'0'+dayStr;//小时位varhrMath.floor((second-day*3600*24)/3600);varhrStrhr.toString();if(hrStr.length1)hrStr'0'+hrStr;//分钟位varminMath.floor((second-day*3600*24-hr*3600)/60);varminStrmin.toString();if(minStr.length1)minStr'0'+minStr;//秒位varsecsecond-day*3600*24-hr*3600-min*60;varsecStrsec.toString();if(secStr.length1)secStr'0'+secStr;this.setData({countDownDay:dayStr,countDownHour:hrStr,countDownMinute:minStr,countDownSecond:secStr,});currentstartTimer--;console.log("---12-12----"+currentstartTimer);if(currentstartTimer0){clearInterval(interval);this.setData({countDownDay:'00',countDownHour:'00',countDownMinute:'00',countDownSecond:'00',});}}.bind(this),1000);},//下拉刷新onPullDownRefresh:function(){//第二种开始计时方式下拉刷新this.startTimer(600);},//跳转下一页nextPageTap:function(){wx.navigateTo({url:'/pages/index2/index2',})}}).userinfo{display:flex;flex-direction:column;align-items:center;}.startBtn{background-color:orange;border:1pxsolid#f5f5;border-radius:10px;padding:20rpx;}.timeText{position:relative;top:50rpx;border:1pxsolidpalevioletred;width:500rpx;line-height:100rpx;text-align:center;border-radius:10px;}.nextPageBtn{background-color:orange;border:1pxsolid#f5f5;border-radius:10px;padding:20rpx;position:relative;top:150rpx;}