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 相关文章推荐
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
Nov 24 Javascript
css样式标签和js语法属性区别
Nov 06 Javascript
javascript利用apply和arguments复用方法
Nov 25 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
Nov 30 Javascript
有关JavaScript中call()和apply() 的一些理解
May 20 Javascript
JavaScript 随机验证码的生成实例代码
Sep 22 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
Vue数据驱动模拟实现4
Jan 12 Javascript
深入理解Angular4订阅(Subscribe)与取消
Nov 22 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
JS高阶函数原理与用法实例分析
Jan 15 Javascript
JavaScript基于用户照片姓名生成海报
May 29 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判断网页是否gzip压缩
2013/06/25 PHP
php实现utf-8转unicode函数分享
2015/01/06 PHP
详解PHP PDO简单教程
2019/05/28 PHP
js 上传图片预览问题
2010/12/06 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
2011/03/28 Javascript
jquery导航制件jquery鼠标经过变色效果示例
2013/12/05 Javascript
document.write的几点使用心得
2014/05/14 Javascript
javascript动态控制服务器控件实例
2014/09/05 Javascript
JavaScript设计模式之策略模式实例
2014/10/10 Javascript
jQuery Ajax使用实例
2015/04/16 Javascript
详解jquery事件delegate()的使用方法
2016/01/25 Javascript
浅谈window.onbeforeunload() 事件调用ajax
2016/06/29 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
2016/08/25 Javascript
浅析ES6的八进制与二进制整数字面量
2016/08/30 Javascript
Vue实现内部组件轮播切换效果的示例代码
2018/04/07 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
2019/06/27 Javascript
Vue Router中应用中间件的方法
2020/08/06 Javascript
vue使用echarts实现水平柱形图实例
2020/09/09 Javascript
在vue项目中封装echarts的步骤
2020/12/25 Vue.js
使用Python下的XSLT API进行web开发的简单教程
2015/04/15 Python
python简单读取大文件的方法
2016/07/01 Python
Windows下的Python 3.6.1的下载与安装图文详解(适合32位和64位)
2018/02/21 Python
python使用numpy读取、保存txt数据的实例
2018/10/14 Python
python 对给定可迭代集合统计出现频率,并排序的方法
2018/10/18 Python
解决pyecharts在jupyter notebook中使用报错问题
2020/04/23 Python
Tensorflow: 从checkpoint文件中读取tensor方式
2020/02/10 Python
如何在windows下安装Pycham2020软件(方法步骤详解)
2020/05/03 Python
基于python实现图片转字符画代码实例
2020/09/04 Python
HTML5离线缓存Manifest是什么
2016/03/09 HTML / CSS
HTML5拖放效果的实现代码
2016/11/17 HTML / CSS
了解AppleTalk协议吗
2014/04/01 面试题
售后服务经理岗位职责
2014/02/25 职场文书
村委会换届选举方案
2014/05/03 职场文书
2014年机关后勤工作总结
2014/12/16 职场文书
2015年食堂工作总结报告
2015/04/23 职场文书
导游词之塘栖古镇
2019/12/04 职场文书