zoukankan      html  css  js  c++  java
  • JS倒计时-毫秒

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>js时分秒毫秒倒计时</title>
    </head>
    <body>
    <div>
    <span id="_d">00</span>
    <span id="_h">00</span>
    <span id="_m">00</span>
    <span id="_s">00</span>
    <span id="_ms">00</span>
    </div>
    <script type="text/javascript">
    function countTime() {
    var date = new Date();
    var now = date.getTime();
    var endDate = new Date("2018-8-20 18:28:00");//设置截止时间
    var end = endDate.getTime();
    var leftTime = end - now; //时间差
    var d, h, m, s, ms;
    var timer;
    if(leftTime >= 0) {
    d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
    h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
    m = Math.floor(leftTime / 1000 / 60 % 60);
    s = Math.floor(leftTime / 1000 % 60);
    ms = Math.floor(leftTime % 10);
    if(ms < 10) {
    ms = "0" + ms;
    }
    if(s < 10) {
    s = "0" + s;
    }
    if(m < 10) {
    m = "0" + m;
    }
    if(h < 10) {
    h = "0" + h;
    }
    //将倒计时赋值到div中
    document.getElementById("_d").innerHTML = d + "天";
    document.getElementById("_h").innerHTML = h + "时";
    document.getElementById("_m").innerHTML = m + "分";
    document.getElementById("_s").innerHTML = s + "秒";
    document.getElementById("_ms").innerHTML = ms + "毫秒";
    //递归每秒调用countTime方法,显示动态时间效果
    timer = setTimeout(countTime, 50);

    } else {
    console.log('已截止')
    document.getElementById("_d").innerHTML ="00天";
    document.getElementById("_h").innerHTML ="00时";
    document.getElementById("_m").innerHTML ="00分";
    document.getElementById("_s").innerHTML ="00秒";
    document.getElementById("_ms").innerHTML = "00毫秒";
    }

    }

    countTime();
    </script>
    </body>
    </html>

  • 相关阅读:
    C/S 随思录
    3dTiles 最后一块拼图:几何误差与屏幕空间误差
    aps.net cannot connect to runtime process
    asp.net web api swagger使用总结
    asp.net webaip 跨域
    LightGBM算法实践
    Zabbix 机器 CPU 飙高 和 时区相差8个小时
    【vue踩坑记录】3、“Error in render: "TypeError: Cannot read property '0' of undefined"”渲染错误问题
    1-关于补码的理解
    vscode快捷键
  • 原文地址:https://www.cnblogs.com/seven077/p/9506765.html
Copyright © 2011-2022 走看看