微信小程序 实现倒计时

1. 在 WXML 文件中，添加计时器组件：

<view>倒计时：{{countDown}}</view>
<timer end-time="{{endTime}}" bind:change="countDown"></timer>

2. 在 JS 文件中，定义倒计时函数：

Page({
  data: {
    endTime: new Date('2022/01/01 00:00:00').getTime(),
    countDown: '',
  },
  countDown: function(e) {
    let leftTime = Math.floor((this.data.endTime - new Date().getTime()) / 1000);
    let day = Math.floor(leftTime / 86400);
    let hour = Math.floor(leftTime % 86400 / 3600);
    let minute = Math.floor(leftTime % 3600 / 60);
    let second = Math.floor(leftTime % 60);
    this.setData({
      countDown: `${day}天${hour}小时${minute}分${second}秒`,
    });
  },
})

3. 在 JS 文件中，设置结束时间：

data: {
  endTime: new Date('2022/01/01 00:00:00').getTime(),
  countDown: '',
},

4. 运行小程序，即可看到倒计时效果。