计时器setInterval

最新推荐文章于 2023-08-12 08:00:00 发布
最新推荐文章于 2023-08-12 08:00:00 发布
阅读量103 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/web-leader/p/4219533.html
版权

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

weixin_34034670
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
setInterval定时器
goodcaoyu的博客
03-22 421
定义和用法 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 提示 1. 1000 毫秒= 1 秒。 2. 如果你只想执行一次可以使用 setTim...
【Javascript】计时器setInterval()
O(∩_∩)O
12-16 388
在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明： 1. 代码：要调用的函数或要执行的代码串。 2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。 返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。 调用函数格式(假
setInterval 计时器
Y0_Daisy的博客
07-19 304
setInterval( 需要执行的函数，执行时间 )；  两种调用方法： setInterval("clock()",1000)； 或 setInterval(clock,1000)； &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &
计时器setInterval()
koukou0419的博客
06-02 274
时间分：<input type="text" value="00"> 秒：<input type="text" value="00"> <script> var minNode=document.getElementsByTagName('input')[0]; var secNode=document.getElementsByTagName('...
js_计时器之setInterval
dianzhongqu2330的博客
01-08 95
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> &lt...
js之计时器---setInterval
程序员资料站
09-05 291
通过使用 JavaScript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。 在 JavaScritp 中使用计时事件是很容易的，两个关键方法是: setInterval() - 间隔指定的毫秒数不停地执行指定的代码。 setTimeout() - 在指定的毫秒数后执行指定代码,只执行一次。 注意: setInterval() 和 se...
计时器setInterval 的使用
mastercao的博客
03-15 384
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
计时器setTimeout（）函数、setInterval()函数
罗铠威的博客
08-12 243
本篇博客主要以介绍计时器setTimeout（）函数、setInterval()函数。
JavaScript之计时器setInterval()
AlexYBB的专栏
09-03 1620
JavaScript之计时器setInterval()
Jquery时间倒数
weixin_30402085的博客
07-31 179
/* * 使用此时间倒数计时js需要引入jquery-1.7.2.min.js * 参数 * 使用时只需要条用timer(intDiff);方法 * intDiff:时间倒数的毫秒值（使用时只需在js中定义该变量并且赋值即可）int类型 * 页面显示需要<span id="day_show"></span> <span id="hour_show"&g...
定时器setTimeout()、setInterval()详解
风动之石的专栏
10-17 1万+
JavaScript 标准参考教程（alpha） 浏览器对象 定时器 GitHub  TOP  定时器 来自《JavaScript 标准参考教程（alpha）》，by 阮一峰 目录
setInterval设置停止的次数和时间
热门推荐
陈万洲的专栏
12-26 1万+
需要知道已经经过了多少次或者说过多久就会停止 var timesRun = 0; var interval = setInterval(function(){ timesRun += 1; if(timesRun === 60){ clearInterval(interval); } //do whatever here.. }, 2000); var startTime = new Date
js实现倒数计时器功能
微也的博客
07-12 5975
正在学习js的路程中，今天知道了如何实现简单倒数计时的功能，比如说，可以用于设计考试定时功能，不是从0开始计时，而是从最后的规定时长开始，如02:00:00一直到00:00:00……现在开始学习，未设置天数的功能 首先，我们要明白几个方法， 1. setInterval( )方法可以按照指定的周期（以毫秒计）来调用函数或计算表达式，如setInterval(function(){}, 10
setInterval最短极限有多快？
u011927449的博客
07-25 1134
在几年前的一次测试里，几乎所有浏览器的定时器最短间隔都是64/1000秒，于是我默认了这个答案。但在今天无意中去测试了下，发现结果大不一样，所以要更新下过去的结论。 平时我们为了最频繁的速度执行某段代码，一般都写成setInterval(XXX, 1)。虽然明知是达不到1ms的间隔的，但我们总希望浏览器能尽可能快些。但浏览器究竟能到达多快呢？我们写个计数器测试下： var n = 0; var max = 0; function tick() { n++; } functio...
JS 定时器setInterval()
boonyaxnn的博客
04-03 1万+
setInterval(参数1，参数2) 描述：定时执行 间隔执行 注意： 1.参数1可以是一个匿名函数 也可以是函数名 2.参数2 定时执行的毫秒数 例子： setInterval(function () { console.log('我是定时执行');//我是定时执行 },2000); function showMessage(){ cons...
JS中设置定时刷新setInterval函数
福建开源社区创始人www.fjkysq.com
10-22 2444
以下举例报表图表的定时刷新 window.onload = function() { setData(); setInterval(function() { if(chart.series.length>0){ for(var i=-1;i<=chart.series.length;i++){ chart.series[0].remove(); }
计时器
weixin_38169927的博客
05-10 76
//不允许js代码。。。。。。。，直接写在这了var intDiff = parseInt(0);//计时总秒数量 function timer(intDiff){ window.setInterval(function(){ var day=0, hour=0, minute=0, second=0;//时...
vue3 使用计时器 setInterval
最新发布
10-20
在Vue3中，使用计时器setInterval可以通过在组件的methods中定义一个函数，并在该函数中使用setInterval函数来实现。具体步骤如下： 1. 在组件的data选项中定义一个变量，用于存储计时器的ID。 2. 在组件的methods...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值