手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

uni-app小程序24小时倒计时

时间:2024-10-22 14:50:53

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

2、<script>export default { data() { h:23,//时 m:59,//分 s:59,//秒 countdown:'24:00:00',//倒计时 timer:null,//重复执行 };};</script>

3、onLoad(){ this.timer = setInterval(()=>{ this.timeCount() },1000) },

4、methods: { timeCount(){ --this.s; if(this.s<0){ --t茑霁酌绡his.m; this.s=59; } if(this.m<0){ --this.h; this.m=59 } if(this.h<0){ this.s=0; this.m=0; } this.countdown = this.h+":"+this.m+":"+this.s }, }

© 手抄报圈