博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
计时器setInterval
阅读量:6953 次
发布时间:2019-06-27

本文共 1087 字,大约阅读时间需要 3 分钟。

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>

 

转载于:https://www.cnblogs.com/web-leader/p/4219533.html

你可能感兴趣的文章
font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;
查看>>
纯js实现DIV拖拽
查看>>
android内部培训视频_第三节(3)_常用控件(ViewPager、日期时间相关、ListView)
查看>>
UVALive - 7147 (数学)
查看>>
EOJ 262 润清的烦恼
查看>>
sql 183. 从不订购的客户
查看>>
iOS---实现在屏幕上实时绘图的简单效果---CAShaperLayer和UIBezierPath的简单运用
查看>>
Vue.js项目中,当图片无法显示时则显示默认图片
查看>>
使用jquery做一个动态简历
查看>>
c++中this指针的用法
查看>>
ubuntu和ok6410开发板之间架设nfs
查看>>
git将本地练手的项目放置到git远端上--本地仓库和远程建立连接
查看>>
【转】用C#获取浏览文件夹对话框
查看>>
查看oracle数据库服务器的名字
查看>>
hdu 4707 Pet
查看>>
hdu 1249 三角形 (递推)
查看>>
小图标垂直居中
查看>>
java中包命名常见规则
查看>>
了解和熟悉数据库相关知识
查看>>
linux下批量查找UTF-8的BOM文件,并去除BOM
查看>>