码迷,mamicode.com
首页 > 其他好文 > 详细

计时器setInterval

时间:2015-01-12 22:18:32      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

setInterval(function(){},time);

每隔几秒要执行一个动作函数时就需要一个计时器。

倒计时:(基于jquery)

    <script type="text/javascript">
            var intDiff = parseInt(300000);//定义总共要倒计时多少秒

            function time(){

                  var day=0;

                  var hour=0;

                  var second=0;

                  var minute=0;

                  if(intDiff>0){

                    day = Math.floor(intDiff / (60 * 60 * 24));
                    hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
                    minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
                    second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
                    
                  }


                $(‘#day‘).html(day+"天");
                $(‘#hour‘).html(hour+‘时‘);
                $(‘#minute‘).html(minute+‘分‘);
                $(‘#second‘).html(second+‘秒‘);

                    intDiff--;


                  if(minute<9) minute="0"+minute;

                  if(second<9) second="0"+second;

            }

            $(function(){

                time();//页面加载时先调用函数再去调用定时器。
                setInterval(time,1000);

            });
            </script>

    <body>
            <div style="float:left;margin-right:10px;" id="day"></div>
            <div style="float:left;margin-right:10px;" id="hour"></div>
            <div style="float:left;margin-right:10px;" id="minute"></div>
            <div style="float:left;margin-right:10px;" id="second"></div>
        </body>

 

计时器setInterval

标签:

原文地址:http://www.cnblogs.com/web-leader/p/4219533.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!