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


Posted in Javascript onFebruary 26, 2016

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

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

下面给大家介绍下javascript定时器使用

使用定时器实现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);//立刻执行

一、setTimeout

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

指隔200ms后,定时器代码被添加到队列中,等待JavaScript进程空闲后,代码才执行

二、setInterval

1、上面代码是指每隔200ms就创建一个执行代码的定时器
2、当使用setInterval时,仅当(在队列中)没有该定时器的任何其他代码实例时,才将定时器代码添加到队列中,引用JavaScript高级程序设计第二版书中语句(即:当前一个定时器代码执行时,紧跟后面的第一个定时器代码将添加到队列中,等待执行,再后面的定时器代码不会添加到队列中)

用setInterval来执行反复的行为的时候会遇到一个问题:

当定时器代码执行时间(假如需要600ms才执行完)超过指定间隔(这里是200ms),那么某些定时器代码就会被跳过(即后面的定时器代码不会被添加到队列中),前一个定时器代码执行完毕后,队列中的定时器代码立刻执行,各定时器之间的代码执行没有间隔。这时,需要使用链式setTimeout。

这样做的好处是:前一个定时器要执行的代码执行完且等待200ms后,才创建一个新的定时器,并把定时器代码添加到队列中执行即:不会出现定时器代码被跳过的情况;定时器之间的代码执行可以有间隔(根据自己设置)。

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

本文就给大家介绍这么多,希望对大家有所帮助,同时感谢大家对三水点靠木网站的支持。

Javascript 相关文章推荐
extjs fckeditor集成代码
May 10 Javascript
JQuery 遮罩层实现(mask)实现代码
Jan 09 Javascript
js相册效果代码(点击创建即可)
Apr 16 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
Nov 28 Javascript
js实现倒计时时钟的示例代码
Dec 17 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
Jul 29 Javascript
JavaScript包装对象使用详解
Jul 09 Javascript
jquery+css实现动感的图片切换效果
Nov 25 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
Feb 24 Javascript
JScript实现地址选择功能
Aug 15 Javascript
实例详解BootStrap的动态模态框及静态模态框
Aug 13 Javascript
vue.js实现三级菜单效果
Oct 19 Javascript
自动完成的搜索框javascript实现
Feb 26 #Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
Feb 26 #Javascript
js去字符串前后空格的实现方法
Feb 26 #Javascript
js判断鼠标位置是否在某个div中的方法
Feb 26 #Javascript
超实用的JavaScript表单代码段
Feb 26 #Javascript
理解javascript中Map代替循环
Feb 26 #Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
Feb 26 #Javascript
You might like
收音机指标测试方法及仪器
2021/03/01 无线电
php 数组排序 array_multisort与uasort的区别
2011/03/24 PHP
探讨:web上存漏洞及原理分析、防范方法
2013/06/29 PHP
学习php设计模式 php实现合成模式(composite)
2015/12/08 PHP
深入理解 PHP7 中全新的 zval 容器和引用计数机制
2018/10/15 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
2016/01/15 Javascript
JavaScript知识点总结之如何提高性能
2016/01/15 Javascript
详解JavaScript对象序列化
2016/01/19 Javascript
javascript实现随机显示星星特效
2016/01/28 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
2016/04/05 Javascript
jQuery基于json与cookie实现购物车的方法
2016/04/15 Javascript
Angular2使用Angular CLI快速搭建工程(一)
2017/05/21 Javascript
详解基于vue的移动web app页面缓存解决方案
2017/08/03 Javascript
React Native使用Modal自定义分享界面的示例代码
2017/10/31 Javascript
JS开发自己的类库实例分析
2019/08/28 Javascript
JavaScript浅层克隆与深度克隆示例详解
2020/09/01 Javascript
[44:37]完美世界DOTA2联赛PWL S3 Forest vs access 第一场 12.11
2020/12/13 DOTA
Python实现的排列组合计算操作示例
2017/10/13 Python
python简单商城购物车实例代码
2018/03/15 Python
基于Django与ajax之间的json传输方法
2018/05/29 Python
Pandas 同元素多列去重的实例
2018/07/03 Python
对Python Class之间函数的调用关系详解
2019/01/23 Python
python3模拟实现xshell远程执行liunx命令的方法
2019/07/12 Python
python选取特定列 pandas iloc,loc,icol的使用详解(列切片及行切片)
2019/08/06 Python
Python标准库:内置函数max(iterable, *[, key, default])说明
2020/04/25 Python
详解css3中的伪类before和after常见用法
2020/11/17 HTML / CSS
HTML5在线预览PDF的示例代码
2017/09/14 HTML / CSS
常务副总经理岗位职责
2014/04/12 职场文书
劳资员岗位职责
2015/02/13 职场文书
军训心得体会范文(2016最新篇)
2016/01/11 职场文书
2016年三八红旗手先进事迹材料
2016/02/26 职场文书
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang
Spring Boot DevTools 全局配置学习指南
2022/03/31 Java/Android
JS实现简单的九宫格抽奖
2022/06/28 Javascript