js实现秒表计时器

最新推荐文章于 2024-09-23 23:30:08 发布

锋至

最新推荐文章于 2024-09-23 23:30:08 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/windy2014s/article/details/80675601

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个基于JavaScript的简单计时器实现方法。通过设置定时器每秒更新页面上显示的时间，实现了计时功能。该计时器可以记录小时、分钟和秒数，并在秒数达到60时自动进位。

<span>XXX已耗时：</span><span id="timer"></span>


// js计时器==================================================================================
	var timer = $("#timer"); // 时间显示对象
	var hour, minute, second; // 时，分 ,钞
	var t, t1; // setTimeout方法
	// 初始化显示和按钮
	timer.html("00小时00分钟00秒"); // 由于FF不支持使用innerText，故采用innerHTML
	hour = minute = second = 0; // 初始化显示
	clearTimeout(t);
	// 显示数字填补，即当显示的值为0-9时，在前面填补0;如：1:0:4, 则填补成为 01:00:04
	function j(arg) {
		return arg >= 10 ? arg : "0" + arg;
	}
	
	t1 = setInterval(startit, 1000);//1000ms的定时器
	// 开始计时
	function startit() {
	//	t = setTimeout("startit()", 1000); // 每隔1秒（1000毫秒）递归调用一次
		second++;
		if (second >= 60) { // 判断秒是否到60, 是则进位
			second = 0;
			minute++;
		}
		if (minute >= 60) {
			// 判断分是否到60, 是则进位
			minute = 0;
			hour++;
		}
		timer.html(j(hour) + "小时" + j(minute) + "分钟" + j(second) + "秒"); // 更新显示
	}