uniapp小程序24小時倒計時


 1
<view>{{countdown}}</view>

 

 data() {
 2             return {
 3                 h:23,//
 4                 m:59,//
 5                 s:59,//
 6                 countdown:'24:00:00',//倒計時
 7                 timer:null,//重復執行
 8         },
 9 onLoad(){
10     this.timer = setInterval(()=>{
11         this.timeCount()
12     },1000)
13 },
14 methods:{
15     //24小時倒計時
16             timeCount(){
17                 --this.s;
18                 if(this.s<0){
19                     --this.m;
20                     this.s=59;
21                 }
22                 if(this.m<0){
23                     --this.h;
24                     this.m=59
25                 }
26                 if(this.h<0){
27                     this.s=0;
28                     this.m=0;
29                 }
30                 this.countdown = this.h+":"+this.m+":"+this.s
31             },
32 }

 


免責聲明!

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



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