setinterval（setInterval用法）

本文目录

• setInterval用法
• 急~~~javascript setInterval()错误：缺少对象
• 如何在jQuery中使用 setInterval，setTimeout
• 如何几个定时器同时开 setinterval
• setinterval怎么延迟
• setInterval(“get_random()“,8)怎么用
• 怎么停止setinterval
• Jscript中window.setInterval和window.setTimeout有什么区别呀
• JS setinterval 时间控制的问题
• 关于停止setinterval的问题

setInterval用法

setInterval是用来重复执行同一个函数的命令。
6秒后执行应该用setTimeout(要执行的函数,等待毫秒数)
var int= setInterval(function() {$(“input“).trigger(“click“);}, 6000)

急~~~javascript setInterval()错误：缺少对象

你这段代码的问题比较多，我根据你的意思写了一段代码，你看看，比较一下就知道自己的哪里错了：
《html》
《head》
《title》df《/title》
《script language=“javascript“ 》
var flag=0;
var shu = 1;
var ke = new Array(3);
for (var i=0; i《3 ; i++){
ke[i]=new Image();
ke[i].src=“ke“+ i +“.jpg“;
}
function chenke(){
if (flag==1) {
++shu;
if (shu == 3)
shu = 0;
document.tupian.src=ke[shu].src;
}
}
function begin() {
flag=1;
}
function end() {
flag=0;
}
《/script》
《/head》
《body onload=“setInterval(’chenke()’,1000);“》
《p》《img src=“ke0.jpg“ width=“400“ height=“419“ name=“tupian“》《/p》
《form》
《input type=“button“ value=“运行“ name=““ onClick=“begin()“》
《input type=“button“ value=“停止“ name=““ onClick=“end()“》
《/form》
《/body》
《/html》
-----------------------------------------------------------
对于你这段代码的分析呢，有一下几点：
1.
你那个start变量的作用是干什么的？没太看懂。那句start=setInterval(’chenke()’,1000);也不明白你这么写是想实现什么？
2.
函数外的那个循环里，“var ke[i]=new Image()”应该写成“ke[i]=new Image()”，你那么写是在循环体内新定义了一个变量，并没有给真正的ke数组赋值。
3.
chenke()函数中的循环会造成数据越界，当shu的值为2的时候，再++shu后值为3，这时的document.tupian.src=ke[shu].src就越界了

如何在jQuery中使用 setInterval，setTimeout

方法1. 应用jQuery的扩展可以解决这个问题。

$(document).ready(function(){

$.extend({
show:function(){
alert(“ready“);
}
});
setInterval(“show()“,3000);
});

方法2. 指定定时执行的函数时不要使用引号和括号。

$(function(){
function show(){
alert(“ready“);
}
setInterval(show,3000);// 注意函数名没有引号和括弧！

// 使用setInterval(“show()“,3000);会报“缺少对象”

});

区别：

setTimeout()

从载入后延迟指定的时间去执行一个表达式或者是函数;

仅执行一次 ;和window.clearTimeout一起使用.

setInterval()

在执行时,它从载入页面后每隔指定的时间执行 一个表达式或者是函数;(功能类似于递归函数)；和window.clearInterval一起使用.

补充说明：

这两个方法都可以用来实现在一个固定 时间段之后去执行JavaScript。不过两者各有各的应用场景。

方 法

实际上，setTimeout和 setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是 以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。

不过这两个函数还是有区别的， setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代 码，而setTimeout只执行一次那段代码。

虽然表面上看来setTimeout只能应用在on-off方式的动作上，不过可以通 过创建一个函数循环重复调用setTimeout，以实现重复的操作：

showTime();

function showTime()

{

var today = new Date();

alert(“The time is: “ + today.toString ());

setTimeout(“showTime()“, 5000);

}

一旦调 用了这个函数，那么就会每隔5秒钟就显示一次时间。如果使用setInterval，则相应的代 码如下所示：

setInterval (“showTime()“, 5000);

function showTime()

{

var today = new Date();

alert(“The time is: “ + today.toString ());

}

如何几个定时器同时开 setinterval

setTimeout()

setTimeout()方法用来指定某个函数或字符串在指定的毫秒数之后执行。它返回一个整数，表示定时器的编号，这个值可以传递给clearTimeout()用于取消这个函数的执行

以下代码中，控制台先输出0，大概过1000ms即1s后，输出定时器setTimeout()方法的返回值1

var Timer = setTimeout(function(){ console.log(Timer); },1000); console.log(0);
也可以写成字符串参数的形式，由于这种形式会造成javascript引擎两次解析，降低性能，故不建议使用

var Timer = setTimeout(’console.log(Timer);’,1000); console.log(0);
如果省略setTimeout的第二个参数，则该参数默认为0

以下代码中，控制台出现0和1，但是0却在前面，后面会解释这个疑问

var Timer = setTimeout(function(){ console.log(Timer); }); console.log(0);
实际上，除了前两个参数，setTimeout()方法还允许添加更多的参数，它们将被传入定时器中的函数中

以下代码中，控制台大概过1000ms即1s后，输出2，而IE9-浏览器只允许setTimeout有两个参数，不支持更多的参数，会在控制台输出NaN

setTimeout(function(a,b){ console.log(a+b); },1000,1,1);
可以使用IIFE传参来兼容IE9-浏览器的函数传参

setTimeout((function(a,b){ return function(){ console.log(a+b); } })(1,1),1000);
或者将函数写在定时器外面，然后函数在定时器中的匿名函数中带参数调用

function test(a,b){ console.log(a+b); } setTimeout(function(){ test(1,1); },1000);
this指向

在this机制系列已经详细介绍过this指向的4种绑定规则，由于定时器中的this存在隐式丢失的情况，且极易出错，因此在这里再次进行说明

var a = 0; function foo(){ console.log(this.a); }; var obj = { a : 2, foo:foo } setTimeout(obj.foo,100);//0 //等价于 var a = 0; setTimeout(function foo(){ console.log(this.a); },100);//0
若想获得obj对象中的a属性值，可以将obj.foo函数放置在定时器中的匿名函数中进行隐式绑定
var a = 0; function foo(){ console.log(this.a); }; var obj = { a : 2, foo:foo } setTimeout(function(){ obj.foo(); },100);//2
或者也可以使用bind方法将foo()方法的this绑定到obj上

var a = 0; function foo(){ console.log(this.a); }; var obj = { a : 2, foo:foo } setTimeout(obj.foo.bind(obj),100);//2
clearTimeout()

setTimeout函数返回一个表示计数器编号的整数值，将该整数传入clearTimeout函数，取消对应的定时器

//过100ms后，控制台输出setTimeout()方法的返回值1 var Timer = setTimeout(function(){ console.log(Timer); },100);
于是可以利用这个值来取消对应的定时器

var Timer = setTimeout(function(){ console.log(Timer); },100); clearTimeout(Timer);
或者直接使用返回值作为参数

var Timer = setTimeout(function(){ console.log(Timer); },100); clearTimeout(1);
一般来说，setTimeout返回的整数值是连续的，也就是说，第二个setTimeout方法返回的整数值比第一个的整数值大1
//控制台输出1、2、3 var Timer1 = setTimeout(function(){ console.log(Timer1); },100); var Timer2 = setTimeout(function(){ console.log(Timer2); },100); var Timer3 = setTimeout(function(){ console.log(Timer3); },100);
setInterval()

setInterval的用法与setTimeout完全一致，区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行

《button id=“btn“》0《/button》 《script》 var timer = setInterval(function(){ btn.innerHTML = Number(btn.innerHTML) + 1; },1000); btn.onclick = function(){ clearInterval(timer); btn.innerHTML = 0; } 《/script》
[注意]HTML5标准规定，setTimeout的最短时间间隔是4毫秒；setInterval的最短间隔时间是10毫秒，也就是说，小于10毫秒的时间间隔会被调整到10毫秒

大多数电脑显示器的刷新频率是60HZ，大概相当于每秒钟重绘60次。因此，最平滑的动画效的最佳循环间隔是1000ms/60，约等于16.6ms

为了节电，对于那些不处于当前窗口的页面，浏览器会将时间间隔扩大到1000毫秒。另外，如果笔记本电脑处于电池供电状态，Chrome和IE 9以上的版本，会将时间间隔切换到系统定时器，大约是16.6毫秒

运行机制

下面来解释前面部分遗留的疑问，为什么下面代码的控制台结果中，0出现在1的前面呢？

setTimeout(function(){ console.log(1); }); console.log(0);
实际上，把setTimeout的第二个参数设置为0s，并不是立即执行函数的意思，只是把函数放入代码队列

在下面这个例子中，给一个按钮btn设置了一个事件处理程序。事件处理程序设置了一个250ms后调用的定时器。点击该按钮后，首先将onclick事件处理程序加入队列。该程序执行后才设置定时器，再有250ms后，指定的代码才被添加到队列中等待执行

btn.onclick = function(){ setTimeout(function(){ console.log(1); },250); }
如果上面代码中的onclick事件处理程序执行了300ms，那么定时器的代码至少要在定时器设置之后的300ms后才会被执行。队列中所有的代码都要等到JavaScript进程空闲之后才能执行，而不管它们是如何添加到队列中的

如图所示，尽管在255ms处添加了定时器代码，但这时候还不能执行，因为onclick事件处理程序仍在运行。定时器代码最早能执行的时机是在300ms处，即onclick事件处理程序结束之后

setInterval的问题

使用setInterval()的问题在于，定时器代码可能在代码再次被添加到队列之前还没有完成执行，结果导致定时器代码连续运行好几次，而之间没有任何停顿。而javascript引擎对这个问题的解决是：当使用setInterval()时，仅当没有该定时器的任何其他代码实例时，才将定时器代码添加到队列中。这确保了定时器代码加入到队列中的最小时间间隔为指定间隔

但是，这样会导致两个问题：1、某些间隔被跳过；2、多个定时器的代码执行之间的间隔可能比预期的小

假设，某个onclick事件处理程序使用serInterval()设置了200ms间隔的定时器。如果事件处理程序花了300ms多一点时间完成，同时定时器代码也花了差不多的时间，就会同时出现跳过某间隔的情况

例子中的第一个定时器是在205ms处添加到队列中的，但是直到过了300ms处才能执行。当执行这个定时器代码时，在405ms处又给队列添加了另一个副本。在下一个间隔，即605ms处，第一个定时器代码仍在运行，同时在队列中已经有了一个定时器代码的实例。结果是，在这个时间点上的定时器代码不会被添加到队列中

迭代setTimeout

为了避免setInterval()定时器的问题，可以使用链式setTimeout()调用

setTimeout(function fn(){ setTimeout(fn,interval); },interval);
这个模式链式调用了setTimeout()，每次函数执行的时候都会创建一个新的定时器。第二个setTimeout()调用当前执行的函数，并为其设置另外一个定时器。这样做的好处是，在前一个定时器代码执行完之前，不会向队列插入新的定时器代码，确保不会有任何缺失的间隔。而且，它可以保证在下一次定时器代码执行之前，至少要等待指定的间隔，避免了连续的运行

使用setInterval()
《div id=“myDiv“ style=“height: 100px;width: 100px;background-color: pink;position:absolute;left:0;“》《/div》 《script》 myDiv.onclick = function(){ var timer = setInterval(function(){ if(parseInt(myDiv.style.left) 》 200){ clearInterval(timer); return false; } myDiv.style.left = parseInt(myDiv.style.left) + 5 + ’px’; },16); } 《/script》
使用链式setTimeout()

《div id=“myDiv“ style=“height: 100px;width: 100px;background-color: pink;position:absolute;left:0;“》《/div》 《script》 myDiv.onclick = function(){ setTimeout(function fn(){ if(parseInt(myDiv.style.left) 《= 200){ setTimeout(fn,16); }else{ return false; } myDiv.style.left = parseInt(myDiv.style.left) + 5 + ’px’; },16); } 《/script》
应用

使用定时器来调整事件发生顺序

【1】网页开发中，某个事件先发生在子元素，然后冒泡到父元素，即子元素的事件回调函数，会早于父元素的事件回调函数触发。如果，我们先让父元素的事件回调函数先发生，就要用到setTimeout(f, 0)

正常情况下，点击div元素，先弹出0，再弹出1
《div id=“myDiv“ style=“height: 100px;width: 100px;background-color: pink;“》《/div》 《script》 myDiv.onclick = function(){ alert(0); } document.onclick = function(){ alert(1); } 《/script》
如果进行想让document的onclick事件先发生，即点击div元素，先弹出1，再弹出0。则进行如下设置

《div id=“myDiv“ style=“height: 100px;width: 100px;background-color: pink;“》《/div》 《script》 myDiv.onclick = function(){ setTimeout(function(){ alert(0); }) } document.onclick = function(){ alert(1); } 《/script》
【2】用户自定义的回调函数，通常在浏览器的默认动作之前触发。比如，用户在输入框输入文本，keypress事件会在浏览器接收文本之前触发。因此，下面的回调函数是达不到目的

《input type=“text“ id=“myInput“》 《script》 myInput.onkeypress = function(event) { this.value = this.value.toUpperCase(); } 《/script》
上面代码想在用户输入文本后，立即将字符转为大写。但是实际上，它只能将上一个字符转为大写，因为浏览器此时还没接收到文本，所以this.value取不到最新输入的那个字符

只有用setTimeout改写，上面的代码才能发挥作用

《input type=“text“ id=“myInput“》 《script》 myInput.onkeypress = function(event) { setTimeout(function(){ myInput.value = myInput.value.toUpperCase(); }); } 《/script》
代码到此结束。下篇给大家介绍

BOM系列第二篇之定时器requestAnimationFrame

BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)

以上所述是小编给大家介绍的BOM系列第一篇之定时器setTimeout和setInterval ，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

setinterval怎么延迟

在javascritp中，有两个关于定时器的专用函数，分别为：

1. 倒计定时器：timename=setTimeout(“function();“,delaytime);

2. 2.循环定时器：timename=setInterval(“function();“,delaytime);

3. 第一个参数“function()”是定时器触发时要执行的动作，可以是一个函数，也可以是几个函数，函数间用“；”隔开即可。比如要弹出两个警告窗口，便可将“function();”换成

4. “alert(’第一个警告窗口!’);alert(’第二个警告窗口!’);”；而第二个参数“delaytime”则是间隔的时间，以毫秒为单位，即填写“5000”，就表示5秒钟。

5. 倒计时定时器是在指定时间到达后触发事件，而循环定时器就是在间隔时间到来时反复触发事件，两者的区别在于：前者只是作用一次，而后者则不停地作用。

6. 比如你打开一个页面后，想间隔几秒自动跳转到另一个页面，则你就需要采用倒计定时器“setTimeout(“function();“,delaytime)” ，而如果想将某一句话设置成一个一个字的出现，

7. 则需要用到循环定时器“setInterval(“function();“,delaytime)” 。
   

setInterval(“get_random()“,8)怎么用

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 你的语句是周期性的调用get_random()这个方法，每8毫秒就调用一次，并不一定是刷新的！

希望采纳

怎么停止setinterval

可以单独停止一个setInterval的，setInterval返回一个唯一的数字编号的timer
用下面方法：
var timer1 = setInterval(“yourFunction1“,时间);
var timer2 = setInterval(“yourFunction2“,时间);

取消其中一个setInterval
clearInterval(timer1);//取消第一个

Jscript中window.setInterval和window.setTimeout有什么区别呀

[setTimeout]
setTimeout(表达式,延时时间)
在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次

用setTimeout实现的自动变化显示随机数的效果:

《html》
《head》
《script》
window.onload=sett;
function sett()
{
document.body.innerHTML=Math.random();
setTimeout(“sett()“,500);
}
《/script》
《/head》
《body》
《/body》
《/html》

[setInterval]
setInterval(表达式,交互时间)
则不一样,它从载入后,每隔指定的时间就执行一次表达式

用setInterval实现的自动变化显示随机数的效果:

《html》
《head》
《script》
function sett()
{
document.body.innerHTML=Math.random();
}
setInterval(“sett();“, 500);
《/script》
《/script》
《/head》
《body》
《/body》
《/html》

JS setinterval 时间控制的问题

《!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》
《meta http-equiv=“Content-Type“ content=“text/html; charset=utf-8“ /》
《title》无标题文档《/title》
《/head》
《script language=“JavaScript“》
var f8=true;
function go()
{
if(!f8) return;f8=false;
t=5 //设定跳转的时间
document.getElementById(’view’).innerHTML = “《b》“+ “开始计时“ +“《/b》“; // 显示倒计时
window.setInterval(“testTime()“,1000); //启动1秒定时
}
function testTime()
{
if(t == 0)
{
f8=true;
location = “index.php“;
}//#设定跳转的链接地

document.getElementById(’view’).innerHTML = “《b》“+ t +“《/b》“; // 显示倒计时
t--; // 计数器递减
}

《/script》
《body》
《div id=“view“》asd《/div》
《input type=“button“ name=“1“ onclick=“go()“ value=“按 钮“》
《/body》
《/html》

关于停止setinterval的问题

先给个关键词你：javascript的”闭包“。
你用for循环是不能实现你想要的效果的。
当然你要的效果其实不需要for循环。
你参考下下面的代码：
var i = 0
myInterval = setInterval((function(){
return(function(){
alert(i);
if(i == 9){
clearInterval(myInterval);
}
i++;
})
})(),2000);