1
2
3
4
<span id="txt">00时00分00秒00</span>
<input type="button" value="开始计时">
<input type="button" value="结束计时">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

00时00分00秒00

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
var timer;
var count = 0;
var clickStart = 0;
var aInput = document.getElementsByTagName('input');
aInput[0].onclick = function() {
    var txt = document.getElementById('txt');
    clickStart++;
    if (clickStart % 2 == 0) {
        clearInterval(timer);
        aInput[0].value = '继续计时';
        clickStart = 0;
    } else {
        timer = setInterval(function() {
                var h = parseInt(count / 1000 / 60 / 60);
                var m = parseInt(count / 1000 / 60) % 60;
                var s = parseInt(count / 1000) % 60;
                var ms = parseInt(count / 10) % 100;
                h = h < 10 ? '0' + h : h;
                m = m < 10 ? '0' + m : m;
                s = s < 10 ? '0' + s : s;
                ms = ms < 10 ? '0' + ms : ms;
                txt.innerHTML = h + '时' + m + '分' + s + '秒' + ms;
                count += 10;
            }
            , 10)
        aInput[0].value = '暂停计时';
    }
}
aInput[1].onclick = function() {
    count = 0;
    clickStart = 0;
    clearInterval(timer);
    txt.innerHTML = '00时00分00秒00';
    aInput[0].value = '开始计时'
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX