用户进入页面开始计时的js计时器源代码

思路：
1、将每个时间的id都获取到，因为有零所以一个时间要有两个id。
2、先让后面的递增，之后判断递增多少后，前面的+1。
3、用innerHTML改变他的HTML元素(也就是把时间输出在HTML中)。

HTML+CSS代码:

js代码:

var d = document.getElementById('d'),
    dd = document.getElementById('dd'),
    h = document.getElementById('h'),
    hh = document.getElementById('hh'),
    m = document.getElementById('m'),
    mm = document.getElementById('mm'),
    s = document.getElementById('s'),
    ss = document.getElementById('ss'),
    data = document.getElementById('data'),
    wz = document.getElementById('wz');
data.innerHTML = new Date();
setInterval(function () {
    ss.innerHTML++;
    if (ss.innerHTML >= 10) {
        s.innerHTML++;
        ss.innerHTML = 0;
    }
    if (s.innerHTML >= 6) {
        mm.innerHTML++;
        s.innerHTML = 0;
    }
    if (mm.innerHTML >= 10) {
        m.innerHTML++;
        mm.innerHTML = 0;
    }
    if (m.innerHTML >= 6) {
        hh.innerHTML++;
        m.innerHTML = 0;
    }
    if (hh.innerHTML >= 9) {
        h.innerHTML++;
        hh.innerHTML = 0;
    }
    if (h.innerHTML >= 2 && hh.innerHTML >= 4) {
        dd.innerHTML++
        h.innerHTML = 0;
        hh.innerHTML = 0;
    }
    if (dd.innerHTML >= 9) {
        d.innerHTML++;
        dd.innerHTML = 0
    }
}, 1000);