uniapp计时器

文章描述:

uniapp如何制作一个计时器,来计算用户访问页面时间或者计算用户观看视频时间

template

<view>{{nums}}</view>

script

	onLoad() {
		var hour, minute, second; /*时 分 秒*/
            hour = minute = second = 0; //初始化
            var millisecond = 0; //毫秒
            this.timer = setInterval(() => {
                millisecond = millisecond + 50;
                // console.log("---millisecond----"+millisecond);
                if (millisecond >= 1000) {
                    millisecond = 0;
                    second = second + 1;
                }
                if (second >= 60) {
                    second = 0;
                    minute = minute + 1;
                }
 
                if (minute >= 60) {
                    minute = 0;
                    hour = hour + 1;
                }
                // console.log("-------"+hour+'时'+minute+'分'+second+'秒');
                this.nums = hour+'时'+minute+'分'+second+'秒';
				
            }, 50);
	},

结束计时器

if(second == 10){
	clearInterval(this.timer);
}

 

发布时间:2022/05/09

发表评论