JS定时器实例详细分析


Posted in Javascript onOctober 11, 2013

1.倒计定时器:timename=setTimeout("function();",delaytime);
2.循环定时器:timename=setInterval("function();",delaytime);
第一个参数“function()”是定时器触发时要执行的动作,可以是一个函数,也可以是几个函数,函数间用“;”隔开即可。比如要弹出两个警告窗口,便可将“function();”换成
“alert('第一个警告窗口!');alert('第二个警告窗口!');”;而第二个参数“delaytime”则是间隔的时间,以毫秒为单位,即填写“5000”,就表示5秒钟。

倒计时定时器是在指定时间到达后触发事件,而循环定时器就是在间隔时间到来时反复触发事件,两者的区别在于:前者只是作用一次,而后者则不停地作用。
比如你打开一个页面后,想间隔几秒自动跳转到另一个页面,则你就需要采用倒计定时器“setTimeout("function();",delaytime)” ,而如果想将某一句话设置成一个一个字的出现,
则需要用到循环定时器“setInterval("function();",delaytime)” 。

获取表单的焦点,则用到document.activeElement.id。利用if来判断document.activeElement.id和表单的ID是否相同。
比如:if ("mid" == document.activeElement.id) {alert();},"mid"便是表单对应的ID。

定时器:
用以指定在一段特定的时间后执行某段程序。

JS中定时执行,setTimeout和setInterval的区别,以及l解除方法

setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression,setTimeout 运用在延迟一段时间,再进行某项操作。
setTimeout("function",time) 设置一个超时对象

setInterval(expression,delayTime),每个DelayTime,都将执行Expression.常常可用于刷新表达式.
setInterval("function",time) 设置一个超时对象

SetInterval为自动重复,setTimeout不会重复。

clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象

Javascript 相关文章推荐
Extjs NumberField后面加单位实现思路
Jul 30 Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 Javascript
js如何判断不同系统的浏览器类型
Oct 28 Javascript
jquery 实现返回顶部功能
Nov 17 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 Javascript
jQuery实现checkbox全选的方法
Jun 10 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
Aug 30 Javascript
javascript中Date对象的使用总结
Nov 21 Javascript
JavaScript实现单例模式实例分享
Dec 22 Javascript
使用Angular CLI从蓝本生成代码详解
Mar 24 Javascript
layui动态绑定事件的方法
Sep 20 Javascript
如何利用JavaScript实现二叉搜索树
Apr 02 Javascript
jquery 清空file域示例(兼容个浏览器)
Oct 11 #Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
Oct 11 #Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 #Javascript
Js base64 加密解密介绍
Oct 11 #Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
Oct 11 #Javascript
js定时器怎么写?就是在特定时间执行某段程序
Oct 11 #Javascript
jQuery下的动画处理总结
Oct 10 #Javascript
You might like
五款常用mysql slow log分析工具的比较分析
2011/05/22 PHP
输入值/表单提交参数过滤有效防止sql注入的方法
2013/12/25 PHP
php实现图片添加水印功能
2014/02/13 PHP
php向js函数传参的几种方法
2014/08/10 PHP
PHP中round()函数对浮点数进行四舍五入的方法
2014/11/19 PHP
javascript css在IE和Firefox中区别分析
2009/02/18 Javascript
dropdownlist之间的互相联动实现(显示与隐藏)
2009/11/24 Javascript
javascript取消文本选定的实现代码
2010/11/14 Javascript
[JSF]使用DataModel处理表行事件的实例代码
2013/08/05 Javascript
js实现按Ctrl+Enter发送效果
2014/09/18 Javascript
javascript+html5实现仿flash滚动播放图片的方法
2015/04/27 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
2015/06/24 Javascript
js下将金额数字每三位一逗号分隔
2016/02/19 Javascript
web打印小结
2017/01/11 Javascript
微信小程序 出现错误:{"baseresponse":{"errcode":-80002,"errmsg":""}}解决办法
2017/02/23 Javascript
JS实现的点击表头排序功能示例
2017/03/27 Javascript
动态加载权限管理模块中的Vue组件
2018/01/16 Javascript
Vue页面跳转动画效果的实现方法
2018/09/23 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
python实现飞机大战微信小游戏
2020/03/21 Python
python 使用 requests 模块发送http请求 的方法
2018/12/09 Python
配置python的编程环境之Anaconda + VSCode的教程
2020/03/29 Python
Django生成数据库及添加用户报错解决方案
2020/10/09 Python
利用纯CSS3实现动态的自行车特效源码
2017/01/20 HTML / CSS
令人啧啧称赞的经理推荐信
2013/11/07 职场文书
车间操作工岗位职责
2013/12/19 职场文书
新浪微博实习心得体会
2014/01/27 职场文书
群众路线剖析材料怎么写
2014/10/09 职场文书
网吧员工管理制度
2015/08/05 职场文书
2016年万圣节活动总结
2016/04/05 职场文书
Python3 使用pip安装git并获取Yahoo金融数据的操作
2021/04/08 Python
用 Python 元类的特性实现 ORM 框架
2021/05/19 Python
Spring Data JPA使用JPQL与原生SQL进行查询的操作
2021/06/15 Java/Android
nginx中封禁ip和允许内网ip访问的实现示例
2022/03/17 Servers
Python实现简单得递归下降Parser
2022/05/02 Python
SpringBoot详解执行过程
2022/07/15 Java/Android