uniapp小程序,實現每次進入頁面時自動開啟 30 秒的倒計時。


<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();
}

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM