微信小程序倒计时问题

最近写了一个微信小程序24小时倒计时，一般情况下没问题，但是一刷新，倒计时原本是一秒减一次变成了一秒减两次，刷新次数越多，减的数字也越多，后来查了一下原因，发现是刷新时倒计时没有停止，新的倒计时和旧的倒计时重叠，所以就出现了这种问题。

修改后的代码如下，可以封装成一个方法，每次倒计时调用那个方法就可以了：

// 判断有没有倒计时，有的话先停止，在走倒计时
if (this.data.interval) {
//不能直接写 clearInterval(this.data.interval) 不然因为this指向问题，无法停止倒计时
let stopCountDown = this.data.interval;
clearInterval(stopCountDown);
}

var interval = setInterval(() => {
// this.data.countDownTime 值为 24:00:00
var [hours, minutes, seconds] = this.data.countDownTime.split("😊.map(Number);
var secondsNum = hours * 3600 + minutes * 60 + seconds; //获取总秒数

// 秒数为0，倒计时结束
if (secondsNum == 0) {
clearInterval(interval)
this.setData({
countDownTime = "00:00:00"
})
}

secondsNum = secondsNum - 1; //总秒数减1
var HH = Math.floor(secondsNum / 3600).toString().padStart(2, "0"); //获取小时
var MM = Math.floor((secondsNum % 3600) / 60).toString().padStart(2, "0"); //获取分钟
var SS = Math.floor(secondsNum % 60).toString().padStart(2, "0"); //获取秒数
this.setData({
countDownTime = ${HH}:${MM}:${SS}
})
}, 1000)
// 把倒计时存起来
this.setData({
interval: interval
})