uni-app——uniapp 实现倒计时功能_uniapp 倒计时

<view>{{ count }}s后自动返回</view>
1

export default {
  data() {
    return {
      // 秒数
      count: 3,
      // 计时器
      timer: null,
    };
  },
  onShow() {
    this.countDown();
  },
  methods: {
    // 计时
    countDown() {
      let time_count = 3;
      if (!this.timer) {
        this.count = time_count;
        this.timer = setInterval(() => {
          if (this.count > 0 && this.count <= time_count) {
            this.count--;
          } else {
            clearInterval(this.timer);
            this.timer = null;
            // 倒计时完成后do something ...
          }
        }, 1000);
      }
    },
  },
};
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32