60s倒计时 + 简单毫秒计时 + 千位级毫秒

60s倒计时

1
2
3
4
5
6
7
8
9
10
11
12
13
var s = 60, 
        t;
function times(){
    s--;
    document.getElementById("qw").innerHTML = s;
    t = setTimeout('times()', 1000);
    if ( s <= 0 ){
        s = 60;
        clearTimeout(t);
        }
}
times();

毫秒计时

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var timer = null,
    n = 0;
    
function time_fun() {
    clearInterval(timer);
    timer=setInterval(function () {
        n++;
        var m=parseInt(n/3600);
        var s=parseInt(n/60%60);
        var ss=parseInt(n%60);
        document.getElementById("countTime").innerText=toDub(m)+":"+toDub(s)+":"+toDub(ss);
    },1000/60);
}
function toDub(n){      
    return n<10?"0"+n:""+n;         //转换10以下
}
function getTime(){
    clearInterval(timer);           //停止计时
}

千位毫秒计时

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
37
var timer = null,
    clickStamp;
function time_fun(){
    clearInterval(timer);
    document.getElementById("countTime").innerText=0.000;
    clickStamp = (new Date()).valueOf();
    timer = setInterval(go,1);
}
function go(){ 
    document.getElementById("countTime").innerText = changeTimeStamp(clickStamp); 
}
function changeTimeStamp(timeStamp){
    var distancetime = new Date().getTime() - new Date(timeStamp).getTime();
    if(distancetime > 0){ 
        var ms = Math.floor(distancetime%1000);
        var sec = Math.floor(distancetime/1000);
        /**如果是00：00:00.000这种计时
        *var ms = Math.floor(distancetime%1000);
        *var sec = Math.floor(distancetime/1000%60);
        *var min = Math.floor(distancetime/1000/60%60);
        *var hour =Math.floor(distancetime/1000/60/60%24);
        **/
        if(ms<100){
            ms = "0"+ ms;
        }
        if(sec<10){
            sec = "0"+ sec;
        }
        return sec + "." +ms;
    }
}       
function getTime(){
    clearInterval(timer)
}
【常用总结】, 60s倒计时 || 毫秒计时 || 千位级毫秒计时