• js简单时分秒倒计时


    效果:

    javascript:

        <script type="text/javascript">
            function countTime() {
                //获取当前时间
                var date = new Date();
                var now = date.getTime();
                //设置截止时间
                var endDate = new Date("2018-10-25 00:00:00");
                var end = endDate.getTime();
                //时间差
                var differTime = end - now;
                //定义变量,h,m,s保存倒计时的时间
                var h, m, s;
                if (differTime >= 0) {
                    h = Math.floor(differTime / 1000 / 60 / 60);
                    m = Math.floor(differTime / 1000 / 60 % 60);
                    s = Math.floor(differTime / 1000 % 60);
                    h = h < 10 ? ("0" + h) : h;
                    m = m < 10 ? ("0" + m) : m;
                    s = s < 10 ? ("0" + s) : s;
                    document.getElementById("_h").innerHTML = h + "时";
                    document.getElementById("_m").innerHTML = m + "分";
                    document.getElementById("_s").innerHTML = s + "秒";
                    setTimeout(countTime, 1000);
    
                } else {
                    document.getElementById("_h").innerHTML = "00时";
                    document.getElementById("_m").innerHTML = "00分";
                    document.getElementById("_s").innerHTML = "00秒";
                }
    
    
            }
        </script>
    

    HTML: 

    <body onload="countTime()">
        <div class="timer">
            <span id="_h"></span>
            <span id="_m"></span>
            <span id="_s"></span>
        </div>
    </body>
    

      

  • 相关阅读:
    博客园随笔备份Java脚本
    vue 获取 referer
    EntityFramework的天坑
    清空stringbuilder
    相关的验证的正则表达式
    清空StringBuilder的三种方法及效率
    oracle中的字符串函数详解
    浅谈C# application.DoEvent作用
    C# 简单Tcp通信demo
    C#中http请求下载的常用方式demo
  • 原文地址:https://www.cnblogs.com/qianxuebing/p/9829434.html
Copyright © 2020-2023  润新知