uniapp小程序,实现每次进入页面时自动开启 30 秒的倒计时。

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
<view class="number">{{count}}</view>
<!-- 倒计时数字 -->
data() {
    return {
      count: 30,
      timer: null,
    };
},
methods: {
      countDown() {
        let _this = this;
        const TIME_COUNT = 30;
        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;
          }
        }, 1000);
      }
    },
},
onShow() {
    this.countDown();
}

  

posted @   夏冬青  阅读(754)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示