微信小程序倒计时后功能操作

391 阅读1分钟

实现倒计时功能可以使用定时器和setData方法来更新页面上的倒计时数据。

这样,页面就会显示一个从60开始递减的倒计时。你可以根据自己的需求修改初始值和倒计时结束后的处理逻辑。

在小程序页面的js文件中
Page({
  data: {
    countDown: 60 // 倒计时初始值
  },
  onLoad: 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>