使用js做一个简单的秒表计时

我们平时登录网页也许会遇到不久之后网页会自动提示您开启了多久这样的界面,那么这就关系到秒表计算的问题了,我们来看看简单秒表是如何做成的,下面来分析一下实现秒表的过程:

首先第一步肯定是分别获取时分秒

第二步就是将它们都置0

 第三步就是运用计时器,即setInterval(function(),num)这个函数,里面的num就是你希望执行的速度了

过程解释清楚了,那么具体代码是如何实现的呢?

我们来看看下面的代码:

var interval, reg = /^\d$/,//限制只能输入一个数字
sleep = 1000,//这是增长速度
sum = 0;
onload = function() {
oA.onclick = function() {
if(!interval) {
interval = setInterval(function() {
sum++;
var d = new Date("1111/1/1,0:0:0");
//将秒数置0
d.setSeconds(sum);

//分别获取时分秒,并且将其格式化
var h = d.getHours();
h = reg.test(h) ? "0" + h + ":" : h + ":"
var m = d.getMinutes();
m = reg.test(m) ? "0" + m + ":" : m + ":"
var s = d.getSeconds();
s = reg.test(s) ? "0" + s : s;
oT.value = h + m + s;
}, sleep);
this.innerHTML = "停止计时";
} else {
clearInterval(interval);
interval = null;
this.innerHTML = "开始计时";
}
}
}

你可能感兴趣的:(使用js做一个简单的秒表计时)