setinterval延迟执行(延时执行后面的js代码)

http://www.itjxue.com  2023-02-21 21:11  来源:未知  点击次数: 

JS 事件延迟执行

延迟执行,一般是用定时器,定时器有两种,一种是setInterval,另一个是setTimeout。

setInterval,是间隔执行,次数为无限次。

setTimeout,是隔一段时间,执行一次。

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

setTimeout() 和setInterval() 几乎是一样的,仅执行次数不同和单词不同而已。关闭setTimeout() 是用clearTimeout();

下面举一个setInterval的例子,仅供参考:

style????

div?{width:100px;?height:100px;?position:absolute;?top:50px;?left:50px;?background:#ccc;}????

/style????

script????

window.onload=function(){????

var?oDiv?=?document.getElementById('div1');????

var?nLeft?=?parseInt(oDiv.currentStyle?oDiv.currentStyle.left:getComputedStyle(oDiv,false).left);????

var?timer?=?setInterval(function(){????//开启定时器,

nLeft++;????

document.title=nLeft;????

oDiv.style.left=nLeft+'px';????

if(nLeft?==?500)????

{????

clearInterval(timer);????//当left值为500时,关闭定时器。

}

????

},30);????

????

};????

/script????

/head????

body????

div?id="div1"/div

jquery setinterval 延迟执行失效,不能延迟执行

测试了一下,你的代码没有问题。是不是你的dom元素有些不存在啊?

html

a?href="#"?id="link"dadad/a

js:

$(function(){

????????$("#link").mouseover(function(){

????????????changeTime?=?setInterval(function(){console.log(1111)??},1000);

????????}).mouseleave(function(){

????????????clearInterval(changeTime);

????????})

????})

有问题再问吧~~

setTimeOut和setInterval工作原理

昨天看高性能javascript。看到了关于这俩的工作原理记录一下

setTimeout与setInterval使用方法基本相同,他们接受两个参数,第一个参数是需要执行的函数,第二个参数是执行的延迟时间。

以上都是我们熟悉的内容。

setTimeout在指定的延迟时间到达后 向ui队列添加一个任务,函数会立即执行。

并不是说在指定的Time后,ui一定会立马执行,而是在Time之后添加一个任务。通常setTimeout执行时的时间会比我们设定的Time要长。因为这个任务会等待队列中的其他任务执行完之后再执行。

对于setInterval,和setTimeout一样,会在指定间隔时间到之后向ui队列添加任务,但是有一点。如果队列中已经有同一个setInterval的任务存在,就不往里面添加setInterval的任务。

这也是这俩定时器的主要区别。

如何使用定时器settimeout,setInterval执行能传递参数的函数

无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决。经网上查询后整理如下:\x0d\x0a例如对于函数hello(_name),它用于针对用户名显示欢\x0d\x0a迎信息:\x0d\x0avar userName="jack";\x0d\x0a//根据用户名显示欢迎信息\x0d\x0afunction hello(_name){\x0d\x0a alert("hello,"+_name);\x0d\x0a}\x0d\x0a这时,如果企图使用以下语句来使hello函数延迟3秒执行是不可行的:\x0d\x0awindow.setTimeout(hello(userName),3000);\x0d\x0a这将使hello函数立即执行,并将返回值作为调用句柄传递给setTimeout函数,其结果并不是程序需要的。而使用字符串形式可以达到想要的结果:\x0d\x0awindow.setTimeout("hello(userName)",3000);这是方法(一)\x0d\x0a这里的字符串是一段JavaScript代码,其中的userName表示的是变量,而且经测试,这个变量要是个全局的,如果是在某函数里面如此调用 setTimeout,而此变量只是个函数内部变量的话,是会报变量不存在的。但这种写法不够直观,而且有些场合必须使用函数名,于是有人想到了如下\x0d\x0a方法(二):\x0d\x0a

setTimeout和setInterval方法的区别?

因为setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次。而setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式。所以,完全是不一样的

很多人习惯于将setTimeout包含于被执行函数中,然后在函数外再次使用setTimeout来达到定时执行的目的。这样,函数外的setTimeout在执行函数时再次触发setTimeout从而形成周而复始的定时效果。使用的时候各有各的优势,使用setInterval,需要手动的停止tick触发。而使用方法中嵌套setTimeout,可以根据方法内部本身的逻辑不再调用setTimeout就等于停止了触发。其实两个东西完全可以相互模拟,具体使用那个,看当时的需要而定了。

setinterval怎么延迟

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

倒计定时器:timename=setTimeout("function();",delaytime);

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

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

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

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

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

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

(责任编辑:IT教学网)

更多

推荐照片处理文章