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 相关文章推荐
csdn 博客的css样式 v3
Feb 24 Javascript
GreyBox技术总结(转)
Nov 23 Javascript
jquery 查找iframe父级页面元素的实现代码
Aug 28 Javascript
js bind 函数 使用闭包保存执行上下文
Dec 26 Javascript
js数组依据下标删除元素
Apr 14 Javascript
JavaScript中的数据类型转换方法小结
Oct 26 Javascript
解析Node.js异常处理中domain模块的使用方法
Feb 16 Javascript
js实现的光标位置工具函数示例
Oct 03 Javascript
jQuery实现给input绑定回车事件的方法
Feb 09 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
Jul 17 Javascript
Vue自定义render统一项目组弹框功能
Jun 07 Javascript
ng-alain的sf如何自定义部件的流程
Jun 12 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
超级简单的php+mysql留言本源码
2009/11/11 PHP
解决phpcms更换javascript的幻灯片代码调用图片问题
2014/12/26 PHP
PHP中浮点数计算比较及取整不准确的解决方法
2015/01/09 PHP
php使用gettimeofday函数返回当前时间并存放在关联数组里
2015/03/19 PHP
Laravel实现表单提交
2017/05/07 PHP
静态页面的值传递(三部曲)
2006/09/25 Javascript
ExtJS PropertyGrid中使用Combobox选择值问题
2010/06/13 Javascript
15个款优秀的 jQuery 图片特效插件推荐
2011/11/21 Javascript
用js来刷新当前页面保留参数的具体实现
2013/12/23 Javascript
JQuery的ON()方法支持的所有事件罗列
2015/02/28 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
js获取表格的行数和列数的方法
2015/10/23 Javascript
基于BootStrap环境写jQuery tabs插件
2016/07/12 Javascript
基于vue实现分页效果
2017/11/06 Javascript
4个顶级JavaScript高级文本编辑器
2018/10/10 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
Vue实现腾讯云点播视频上传功能的实现代码
2020/08/17 Javascript
vue3+typescript实现图片懒加载插件
2020/10/26 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
2021/02/08 Javascript
Python构造函数及解构函数介绍
2015/02/26 Python
Python爬虫爬取美剧网站的实现代码
2016/09/03 Python
使用Python3 编写简单信用卡管理程序
2016/12/21 Python
Python读取MRI并显示为灰度图像实例代码
2018/01/03 Python
python+opencv实现动态物体追踪
2018/01/09 Python
python pandas dataframe 行列选择,切片操作方法
2018/04/10 Python
Python实现的多项式拟合功能示例【基于matplotlib】
2018/05/15 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
24式加速你的Python(小结)
2019/06/13 Python
html5视频媒体标签video的使用方法及完整参数说明详解
2019/09/27 HTML / CSS
英国经典球衣网站:Classic Football Shirts
2017/05/20 全球购物
英国最大的汽车配件在线商店:Euro Car Parts
2019/09/30 全球购物
创新型城市实施方案
2014/03/06 职场文书
幼师求职信
2014/06/23 职场文书
小学生读书笔记
2015/07/01 职场文书
MongoDB安装使用并实现Python操作数据库
2021/06/28 MongoDB
Java 轮询锁使用时遇到问题
2022/05/11 Java/Android