当前位置：首页 > 资讯 > 技术文档

JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)

时间：2020-05-04 21:42 编辑：来源：阅读：
扫一扫，手机访问

摘要：JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)

废话不多说了，直接给大家贴代码了。

// 每隔五秒定时刷新当前窗口
setTimeout("self.location.reload();",5000);
//js 定时关闭窗口(ie和FF中测试过)
//6秒后自动关闭当前窗口
setTimeout("window.opener=null;window.close()",6000);

[b]下面给大家介绍下javascript定时器使用[/b] 使用定时器实现JavaScript的延期执行或重复执行 window对象提供了两个方法来实现定时器的效果，分别是 window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下： window.setTimeout(expression,milliseconds); window.setInterval(expression,milliseconds); 其中expression可以是字符串，也可以是函数名。是字符串的时候可以带参数，函数名不能带参数，如果带上参数就直接执行函数了，不会延时。

 function hello (){ 
console.log('I am dada'); //alert('I am ' + name);
//setTimeout(arguments.callee,2000); 
} setTimeout(hello,5000);//5秒后执行 setTimeout('hello()',3000);//3秒后执行
setTimeout(hello(),8000);//立刻执行

第一种情况是函数名，但是带不了参数第二种情况是字符串，可执行的js代码，可以带参数，但是性能上比函数名差第三种是调用函数，直接执行所以如果想要穿参数，但是又不想通过字符串的形式调用，可以自己来写一个方法：

function _hello(_name){ 
return function(){ 
hello2(_name); 
} 
} 
setTimeout(_hello(name),7000);//立刻执行

[b]一、setTimeout[/b]

setTimeout(function(){
//要执行的代码 
},200);

指隔200ms后,定时器代码被添加到队列中,等待JavaScript进程空闲后,代码才执行 [b]二、setInterval[/b] 1、上面代码是指每隔200ms就创建一个执行代码的定时器 2、当使用setInterval时,仅当(在队列中)没有该定时器的任何其他代码实例时,才将定时器代码添加到队列中,引用JavaScript高级程序设计第二版书中语句(即：当前一个定时器代码执行时,紧跟后面的第一个定时器代码将添加到队列中,等待执行,再后面的定时器代码不会添加到队列中) 用setInterval来执行反复的行为的时候会遇到一个问题：当定时器代码执行时间(假如需要600ms才执行完)超过指定间隔(这里是200ms),那么某些定时器代码就会被跳过(即后面的定时器代码不会被添加到队列中),前一个定时器代码执行完毕后,队列中的定时器代码立刻执行,各定时器之间的代码执行没有间隔。这时，需要使用链式setTimeout。这样做的好处是:前一个定时器要执行的代码执行完且等待200ms后,才创建一个新的定时器,并把定时器代码添加到队列中执行即：不会出现定时器代码被跳过的情况;定时器之间的代码执行可以有间隔(根据自己设置)。

setTimeout(function(){
//要执行的代码 
setTimeout(arguments.callee,2000); 
},2000);
setInterval(function(){
//要执行的代码 
},200);

本文就给大家介绍这么多，希望对大家有所帮助，同时感谢大家对编程素材网网站的支持。

全部评论(0)

上一篇：浅谈JS中的三种字符串连接方式及其性能比较
下一篇：JavaScript自定义函数实现查找两个字符串最长公共子串的方法

资讯排行榜
更多>>