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