计时器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>

时间: 2024-08-07 00:12:47

计时器setInterval的相关文章

小程序坑 redirectTo 计时器 setInterval clearInterval

var time = 20: var timer = setInterval(function () { time = time - 1; that.setData({ CountDown: time }); console.log(time); if (time == 10) { clearInterval(timer ); wx.redirectTo({ url: './game', }); } }, 1000); 正常情况下页面刷新之后正在执行的计时器会被清除,可是在小程序当中并不是这样,

小程序异步处理demo计时器setInterval()

实现一个计时器/秒 其实就是要求对某字段每秒执行一次更新 这里用到了官方给的定时器 官方API 每秒刷新一次,所以用setInterval()方法 下面给出关键代码: 由于无关代码过多,这里尽可能贴出相关代码,但不能独立运行,关键方法已注释,使用相当简单 /** * 是否已经呼出 * 控制状态和定时器 */ var help = false; /** * 分 */ var sec = 0; /** * 秒 */ var min = 0; /** * 定时器id * 关闭时要用 */ var ti

Date应用计时器和倒计时

计时器应用 目的:通过date设置一个计时器,实现图一效果,点击按钮开始计时,小时数.分钟数.秒数分别放到不同的表格中显示,中间用冒号相隔. 思路:第一步布局,要有3个input标签用来放置小时数.分钟数.秒数:要设置i.j.k三个变量来放置这三个value值,要有一个button按钮用来触发点击事件,还要一个计时器setInterval(function(){},1000);用来计时. 注意事项:为放置点击多次按钮导致的同时触发多个计时器累加的事情,我们需要提前声明 var oTime=nul

JavaScript学习笔记5 之 计时器 &amp; scroll、offset、client系列属性 &amp; 图片无缝滚动

一.计时器 setInterval ( 函数/名称 , 毫秒数 )表示每经过一定的毫秒后,执行一次相应的函数(重复) setTimeout ( 函数/名称 , 毫秒数 ) 表示经过一定的毫秒后,只执行一次相应的函数(不重复) 清除计时器: clearInterval( ); clearTimeout( ); 当计时器调用执行完毕时,它将返回一个timer ID, 如果将该ID传递给clearInterval,便可以终止代码的执行. 实例: 页面布局: <div id="wrap"

初学JS——实现基于计时器的小游戏。

这几天一直在看网易云课堂上免费的JS课程,正好今天看到讲了计时器setInterval,第一感觉就是像C#里的TIMER.然后课程里举得例子正好通过计时器改变新生成窗口的位置, 然后就突然有了灵感!可以写一个“抓住我”的小游戏. 因为刚学JS 懂的实在很少,所以就通过自己已经学过的内容实现了, 主要原理是建一个5X5的表格,每一个格子里放一个DIV,并通过数字命名ID 1-25. 然后就是通过网上找的一个获取随机数的方式,getelementbyid获取随机的一个DIV并且通过innerHTML

使用计时器实现图片的准确缩放

使用计时器实现图片的准确缩放 如果在网上我们发现图片太小,看不清该怎么办?当然是放大啊,放大有很多种方式,这里介绍其中比较简单的一种. 我们可以通过点击按钮放大和缩小图片,每次都会按照相同的倍数,并且不会无限放大和缩小,如果达到了最值,会由相应的提示.先看以下代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自

JavaScript 计时器

JavaScript 计时器 在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行.计时器类型:一次性计时器:仅在指定的延迟时间之后触发一次.间隔性触发计时器:每隔一定的时间间隔就触发一次.计时器方法: 计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码. 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串. 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(

setInterval和setTimeout定时器

1,文本框自增(重零开始)每隔一秒递增1 <input type="text" name="name" value="0" id="txt" /><script type="text/javascript"> window.onload = function () { setInterval(function () { //获取文本框对象 var obj = document.get

JavaScript 计时器,History 对象(window),Location对象(window),Navigator对象

1,计时器setInterval()  在执行时,从载入页面后每隔指定的时间执行代码. setInterval(代码,交互时间); 2,计时器setTimeout(),在载入后延迟指定时间后,去执行一次表达式,仅执行一次. 递归,就是在运行的过程中调用自己.setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次. setTimeout(代码,延迟时间); function startCount() { document.getElementById('count')