vue计时器

最新推荐文章于 2025-09-12 15:57:17 发布

原创最新推荐文章于 2025-09-12 15:57:17 发布 · 328 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #uni-app #前端

该文章介绍了一个JavaScript函数，用于实现一个计时器。通过`getTimeInterval`函数设置定时器，每秒增加秒数，并在达到60时进位到分钟和小时。`showNum`函数用于确保显示的数字始终为两位。同时，提供了`clearInterval`来清除计时器。

实现计时器

先声明

html

getTimeInterval() {
				clearInterval(this.timer);
				this.timer = setInterval(() => {
					this.second += 1;
					if (this.second >= 60) {
						this.minute += 1;
						this.second = 0;
					}
					if (this.minute >= 60 && this.second >= 60) {
						this.minute += 0;
						this.hour += 1;
					}
					this.time = this.showNum(this.hour) + ":" + this.showNum(this.minute) + ":" + this
						.showNum(this.second);
				}, 1000);
			},
			showNum(num) {
				if (num < 10) {
					return '0' + num
				}
				return num
			},

清除定时器