zoukankan      html  css  js  c++  java
  • 倒计时5(超过时间为0:0:0)

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="UTF-8">
        <title>js简单时分秒倒计时</title>
        <script type="text/javascript">
        function countTime() {
            var timer;
            //获取当前时间  
            var date = new Date();
            var now = date.getTime();
            //设置截止时间  
            var str = "2020/2/8 15:40:00";
            var endDate = new Date(str);
            var end = endDate.getTime();
    
            //时间差  
            var leftTime = end - now;
            //定义变量 d,h,m,s保存倒计时的时间  
            var d, h, m, s;
            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);
                //将倒计时赋值到div中  
                document.getElementById("_d").innerHTML = d + "";
                document.getElementById("_h").innerHTML = h + "";
                document.getElementById("_m").innerHTML = m + "";
                document.getElementById("_s").innerHTML = s + "";
            } else {
                //将倒计时赋值到div中  
                document.getElementById("_d").innerHTML = 0 + "";
                document.getElementById("_h").innerHTML = 0 + "";
                document.getElementById("_m").innerHTML = 0 + "";
                document.getElementById("_s").innerHTML = 0 + "";
                clearInterval(timer);
            }
        }
        setInterval(countTime, 0); //setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
        </script>
    </head>
    
    <body>
        <div>
            <span id="_d">00</span>
            <span id="_h">00</span>
            <span id="_m">00</span>
            <span id="_s">00</span>
        </div>
    </body>
    
    </html>
  • 相关阅读:
    div 和 span的区别
    div 和 span的区别
    javascript类的定义及成员修改
    C# bho操作dom 同时带有隐藏工具栏功能,菜单栏
    javascript类的定义及成员修改
    数据库原理8个例子sql语句
    数据库原理8个例子sql语句
    C++的声明和定义的出别
    C++的声明和定义的出别
    Visual Studio 添加图标和版本
  • 原文地址:https://www.cnblogs.com/huanghuali/p/8431828.html
Copyright © 2011-2022 走看看