uni 简单的计时器

最新推荐文章于 2025-03-19 10:31:02 发布

原创最新推荐文章于 2025-03-19 10:31:02 发布 · 541 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

uni 计时器效果图
在这里插入图片描述
**vue代码：


data() {
	return {
		time:'审核中72:60:60',
		h:71,
		m:60,
		s:60
	};
		
},
		
methods: {
	onLoad: function() {
		setInterval(() => {
			this.s>0?this.s--:this.s=59;
				if(this.s==59){
					if(this.m=="00")
						this.h--;
					this.m--;
				}
				this.m>=0?this.m=this.m-0:this.m=59;
				this.s>=0?this.s=this.s-0:this.s=59;
				this.h=this.h-0;
				if(this.s<10)
					this.s='0'+this.s;
				if(this.m<10)
					this.m='0'+this.m;
				if(this.h<10)
					this.h='0'+this.h;	
				this.time="审核中"+this.h+":"+this.m+":"+this.s;
			},1000);
	}