zoukankan      html  css  js  c++  java
  • 计时器setInterval

    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>

  • 相关阅读:
    Ajax让网站与时俱进
    暑期小学期一周总结至7月5号
    17级软件工程交流活动体会
    IE8兼容IE7模式代码:XUACompatible详解
    SQLiteHelper
    Microsoft Office OneNote 2007的安装与激活
    白石洲,让人遗憾的历史的产品
    .NET4的SQLite配置
    ADO.NET Entity Framework学习笔记(5)ESQL查询语句
    ADO.NET Entity Framework学习笔记(3)ObjectContext对象
  • 原文地址:https://www.cnblogs.com/web-leader/p/4219533.html
Copyright © 2011-2022 走看看