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

Jaysun

温馨提示:这篇文章已超过372天没有更新,请注意相关的内容是否还可用!

1.png

思路:
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);


您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
验证码
评论列表 (有 5 条评论,573人围观)
网友昵称:2748774691
2748774691 V 普通用户 Google Chrome 123.0.0.0 Windows 10 x64 凉席
04-17 来自广西 回复
谢谢
网友昵称:zhiyun
zhiyun V 普通用户 Google Chrome 108.0.5359.95 Windows 10 x64 板凳
01-22 来自广东 回复
谢谢啊
网友昵称:jackson201180224@gmail.com
jackson201180224@gmail.com V 普通用户 Google Chrome 94.0.4606.71 Windows 10 x64 椅子
2023-08-23 来自广东 回复
谢谢啊[Fabulous]
网友昵称:stl176
stl176 V 普通用户 Google Chrome 114.0.0.0 Windows 10 x64 沙发
2023-06-08 来自山东 回复
谢谢啊

目录[+]

取消
微信二维码
微信二维码
支付宝二维码