实现一个最高单位为分钟(08:00)的倒计时功能
结构完整,直接用就可以文章来源地址https://www.toymoban.com/news/detail-789484.html
data: {
time:0, //时间
timer:'', //倒计时定时器
}
onLoad(){
this.loadData();
},
onUnload() {
if (this.data.timer) {
console.log('销毁计时器')
clearInterval(this.data.timer)
}
},
loadData(){
//res.data.paper.time是调用接口后获取到的分钟数
var totalSeconds = res.data.paper.time * 60; // 设置倒计时时间,单位为秒
this.countdown(totalSeconds);
},
// 倒计时函数
countdown(totalSeconds) {
let that = this;
if (totalSeconds <= 0) {
this.setData({
time: "00:00"
});
clearTimeout(this.data.timer)
return;
}
this.data.timer = setTimeout(function () {
that.setData({
time: that.dateformat(totalSeconds - 1)
});
that.countdown(totalSeconds - 1);
}, 1000);
},
// 将秒数转换为分秒格式,例如:01:30
dateformat(micro_second) {
var second = Math.floor(micro_second % 60);
var minute = Math.floor(micro_second / 60);
return (minute < 10 ? '0' + minute : minute) + ":" + (second < 10 ? '0' + second : second);
},
文章来源:https://www.toymoban.com/news/detail-789484.html
到了这里,关于微信小程序实现倒计时功能,一看就懂,直接用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!