使用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 = "開始計時";
}
}
}


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com