欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > JavaScript >

Javascript的setTimeOut和setInterval的按时器用法

发布时间:2016-11-26  编辑:杨雨个人博客网站   点击:   

Javascript的setTimeOut和setInterval函数应用很是普及,它们都用来处理赏罚延时和按时使命,好比打开网页一段时刻后弹出一个登录框,页面每隔一段时刻发送异步哀求获取最新数据等等。但它们的应用是有区此外。

setTimeout() 要领用于在指定的毫秒数后挪用函数或计较表达式,而setInterval()则是在每隔指定的毫秒数轮回挪用函数或表达式,直到clearInterval把它破除。也就是说setTimeout()只执行一次,setInterval()可以执行多次。两个函数的参数也沟通,第一个参数是要执行的code或句柄,第二个是耽误的毫秒数。

setTimeOut用法

setTimeout函数的用法如下:

var timeoutID = window.setTimeout(func, [delay, param1, param2, ...]);
var timeoutID = window.setTimeout(code, [delay]);

timeoutID:按时器ID号,它可以在clearTimeout()函数中被用来破除按时器。

func:被执行的函数。

code:(更换的语法)一个被执行的代码串。

delay:耽误的时刻,单元毫秒。假如没有指定,默以为0。

我们可以行使window.setTimeout或setTimeout,两个写法根基一样,只不外window.setTimeout将setTimeout函数作为全局window工具的一个属性来引用。

应用示例:

function timeout(){
	document.getElementById('res').innerHTML=Math.floor(Math.random()*100 + 1);
}
setTimeout("timeout()",5000);

代码执行时,5秒后挪用timeout()函数,点击看演示

setInterval用法

setInterval函数的参数及用法和setTimeout函数一样,请参照上文的setTimeout函数的用法先容。差异的是,setInterval每隔必然的时刻执行傍边的func或code代码。

应用示例:

var tt = 10;
function timego(){
	tt--;
	document.getElementById("tt").innerHTML = tt;
	if(tt==0){ 
		window.location.href='/';
		return false;
	}
}
var timer = window.setInterval("timego()",1000);

函数timego()界说了页面元素#tt表现的内容,当tt便是0时,页面定向到首页。然后我们界说一个按时器timer,行使setInterval()每隔1秒挪用一次timego()。这样timego会执行10次,每次数字tt会减1,直到为0。那么假如想遏制按时器,可以行使以下代码:

window.clearInterval(timer); 

代码执行时,10秒后页面跳转到首页,点击看演示

着实setTimeout()也可以实现每隔一段时刻一再执行某个函数,但我们照旧简朴的区别行使setTimeOut和setInterval。其它javascript都是以单线程的方法运行于赏识器的javascript引擎中,现实应用中伟大的使命中必要列队执行,这就也许导致按时器时刻禁绝,这个题目在大型应用中必要思量,本文不做穷究。

本文地址:http://itbyc.com/web/javascript/13365.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1