js倒计时

原创 2018年04月16日 00:20:35
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="box">距离。。。。。。。还有00天00小时00分钟00秒</div>

    <script>
        var date2 = new Date('2018-4-11 09:20:00');
        function change() {
            var date1 = new Date();
            var ms = date2.getTime() - date1.getTime();
            var str;
            if(ms <= 0){
                str = '时间到!';
                clearInterval(timer);
            }else{
                var day = parseInt(ms/1000/60/60/24);
                var hour = parseInt(ms/1000/60/60%24);
                var min = parseInt(ms/1000/60%60);
                var sec = parseInt(ms/1000%60);
                str = '距离。。。。还有'+addZero(day)+'天'+addZero(hour)+'小时'+addZero(min)+'分钟'+addZero(sec)+'秒';
            }
            document.getElementById('box').innerHTML = str;
        }
        var timer = setInterval(change,1000);
        function addZero(a) {
            return a<10? '0'+a : a;
        }
    </script>
</body>
</html>

js倒计时(网页的格式的)

  • 2008年12月10日 16:05
  • 871B
  • 下载

js实现发送短信验证码后60秒倒计时

js方法和jquery方法实现60秒倒计时
  • I_am_listen
  • I_am_listen
  • 2016-11-06 20:35:02
  • 26968

自行整理了一个较为准确的倒计时功能代码(js实现)

在做这个之前,网上查找了很多的倒计时代码,但是都非常的不精确,对于精确度不高的一些倒计时上边还都可以,但是如果精确度一上去,立马就是会出bug,自己外加查阅资料在联合实际写了一个倒计时代码,这套代码有...
  • u010447573
  • u010447573
  • 2015-08-04 18:40:09
  • 1933

js 倒计时写法(三种:倒计时发送,倒计时时间,倒计时可用)

html> lang="en"> charset="UTF-8"> 倒计时 class="title_1"> id...
  • Easet
  • Easet
  • 2016-12-13 16:38:29
  • 3545

倒计时JS源码 10分钟倒计时【可任意修改】

  • 2011年11月24日 18:18
  • 624B
  • 下载

js 验证码 倒计时60秒

 js 验证码 倒计时60秒   [html] view plaincopyprint? input type="button" id="btn" value="免费获...
  • xiaosong2008
  • xiaosong2008
  • 2014-10-10 15:54:39
  • 41523

JS-实现商品倒计时

@if (item.Type == 1) { TimeSpan span = i...
  • qq_26101151
  • qq_26101151
  • 2016-11-18 18:04:13
  • 725

js倒计时小插件

CountDown.js 一个用来实现简单页面倒计时的轻量级工具 API CountDown.openTimeCountBySeconds() 根据要计时的秒数打开一个显示剩余时...
  • qq_26562641
  • qq_26562641
  • 2017-03-20 09:27:32
  • 1528

JS实现倒计时动画效果

js通过Date对象实现倒计时效果
  • Qimingweikun
  • Qimingweikun
  • 2017-10-27 00:02:47
  • 228

JS倒计时原理及实现

原理倒计时 = 现在的时间点(new Date())/终点(new Date(/这里填终点时间/)); 最后将差值转换为想要的格式。 使用setInterval(fn, 1000);每一秒执行一次...
  • gladys_1111
  • gladys_1111
  • 2017-11-21 20:28:59
  • 291
收藏助手
不良信息举报
您举报文章:js倒计时
举报原因:
原因补充:

(最多只允许输入30个字)