实现倒计时功能可以使用定时器和setData方法来更新页面上的倒计时数据。
这样,页面就会显示一个从60开始递减的倒计时。你可以根据自己的需求修改初始值和倒计时结束后的处理逻辑。
在小程序页面的js文件中
Page({
data: {
countDown: 60 // 倒计时初始值
},
onl oad: function() {
// 开始倒计时
this.startCountDown();
},
startCountDown: function() {
var that = this;
var count = that.data.countDown;
// 创建定时器
var timer = setInterval(function() {
count--;
if (count >= 0) {
// 更新倒计时数据
that.setData({
countDown: count
});
} else {
// 倒计时结束,清除定时器
clearInterval(timer);
}
}, 1000);
}
});
小程序页面的wxml
<view> <text>{{countDown}}</text> <!-- 显示倒计时 --> </view>
标签:count,countDown,function,微信,程序,倒计时,var,页面
From: https://blog.51cto.com/u_16268862/7514137