vue 实现正计时

最新推荐文章于 2023-09-26 15:30:02 发布

B2689429488

最新推荐文章于 2023-09-26 15:30:02 发布

阅读量344

点赞数

分类专栏： vue uni 文章标签： vue

本文链接：https://blog.csdn.net/B2689429488/article/details/125541547

版权

vue 同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

uni

19 篇文章 0 订阅

订阅专栏

<shopMap :markerList="markerList" @runStart="runStart" @runStop="runStop" :status="runStart_status">

export default {
		data() {
			return {
				runStart_status: 1,
				markerList: {
					runTotal: '0.23',
					runTime: '00:00:00',
					location: [],
					runStatus: 1
				},
				total_timer: null, //时间计时器
				hour: 0,
				minute: 0,
				second: 0
				}
			}

methods: {
			runStart() {
				var that = this
				that.total_timer = setInterval(() => {
					//开始计时
					that.second = that.second + 1;
					if (that.second >= 60) {
						that.second = 0;
						that.minute = that.minute + 1;
					}
					if (that.minute >= 60) {
						that.minute = 0;
						that.hour = that.hour + 1;
					}
					that.markerList.runTime =
						that.Zero(that.hour) +
						":" +
						that.Zero(that.minute) +
						":" +
						that.Zero(that.second);
				}, 1000)
				that.markerList.runStatus = 2
			},
			//补零
			Zero(n) {
				return n < 10 ? "0" + n : "" + n;
			},
			runStop() {
				clearInterval(this.timer)
				clearInterval(this.total_timer)
				this.hour = 0;
				this.minute = 0;
				this.second = 0;
				this.markerList.runTime = "00:00:00";
				console.log('list-------------------', this.markerList.location)
				this.markerList.runStatus = 1
				// uni.navigateTo({
				// 	url: 'run_record'
				// })
			},
		}

	}