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

    经常遇到需要倒计时的地方,下面的JS可以简单实现倒计时,当然可以加上Css使得界面更加美观!
    <script type="text/javascript">
       function CountDown(){
           var EndTime= new Date(document.getElementById('endTime').value); 
           var NowTime = new Date();
           var t =EndTime.getTime() - NowTime.getTime();
           var day=Math.floor(t/1000/60/60/24);
           var hour=Math.floor(t/1000/60/60%24);
           var min=Math.floor(t/1000/60%60);
           var sec=Math.floor(t/1000%60);
           document.getElementById("t_day").innerHTML = day  +"Days";
           document.getElementById("t_hour").innerHTML = hour + "Hours";
           document.getElementById("t_min").innerHTML = min + "Minutes";
           document.getElementById("t_sec").innerHTML = sec + "Seconds";
       }
       setInterval(CountDown,1000);
    </script>
    </head>
    <body>
      Please select the endTime<input type="datetime-local" id='endTime'><br>
        <div>
            <span id="t_day"></span>
            <span id="t_hour"></span>
            <span id="t_min"></span>
            <span id="t_sec"></span>
        </div>
      
    </body>
    人生当自勉,学习需坚持。从这一刻开始,我依旧是我,只是心境再不同。不论今后的路如何,我都会在心底默默鼓励自己,坚持不懈,等待那一场破茧的美丽。
  • 相关阅读:
    史上最简单的Hibernate入门简单介绍
    极客Web前端开发资源大荟萃
    ios7 UIScrollView 尺寸问题
    用ahk脚本自己主动删除flashcookies
    CSS文字样式
    Windows 10 安装
    万圣节福利:红孩儿3D引擎开发课程《3ds max导出插件初步》
    算法实验 层序列表问题(二叉树)
    git配置别名
    git忽略特殊文件
  • 原文地址:https://www.cnblogs.com/jiangqiuju/p/8056538.html
Copyright © 2011-2022 走看看