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 相关文章推荐
js 提交和设置表单的值
Dec 19 Javascript
JS 控件事件小结
Oct 31 Javascript
动态加载js和css(外部文件)
Apr 17 Javascript
js修改原型的属性使用介绍
Jan 26 Javascript
jquery为页面增加快捷键示例
Jan 31 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
Aug 11 Javascript
jquery删除table当前行的实例代码
Oct 07 Javascript
浅析JS中对函数function的理解(基础篇)
Oct 14 Javascript
js Canvas实现的日历时钟案例分享
Dec 25 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
Jun 02 Javascript
jQuery.Ajax()的data参数类型详解
Jul 23 jQuery
vue 动态改变静态图片以及请求网络图片的实现方法
Feb 07 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
桌面中心(二)数据库写入
2006/10/09 PHP
用PHP实现浏览器点击下载TXT文档的方法详解
2013/06/02 PHP
PHP独立Session数据库存储操作类分享
2014/06/11 PHP
php 升级到 5.3+ 后出现的一些错误,如 ereg(); ereg_replace(); 函数报错
2015/12/07 PHP
深入解析PHP的Yii框架中的event事件机制
2016/03/17 PHP
TP(thinkPHP)框架多层控制器和多级控制器的使用示例
2018/06/13 PHP
实例讲解通过​PHP创建数据库
2019/01/20 PHP
动态添加js事件实现代码
2009/03/12 Javascript
详解JavaScript语法对{}处理的坑爹之处
2014/06/05 Javascript
基于AngularJS+HTML+Groovy实现登录功能
2016/02/17 Javascript
分享12个非常实用的JavaScript小技巧
2016/05/11 Javascript
jQuery的ajax下载blob文件
2016/07/21 Javascript
jquery遍历标签中自定义的属性方法
2016/09/17 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
vue解决一个方法同时发送多个请求的问题
2018/09/25 Javascript
微信小程序swiper实现滑动放大缩小效果
2018/11/15 Javascript
JavaScript中的惰性载入函数及优势
2020/02/18 Javascript
Node.js API详解之 os模块用法实例分析
2020/05/06 Javascript
Vue中强制组件重新渲染的正确方法
2021/01/03 Vue.js
Python中用sleep()方法操作时间的教程
2015/05/22 Python
Windows上使用virtualenv搭建Python+Flask开发环境
2016/06/07 Python
python 将json数据提取转化为txt的方法
2018/10/26 Python
python 根据时间来生成唯一的字符串方法
2019/01/14 Python
python学生管理系统开发
2019/01/30 Python
Python socket模块方法实现详解
2019/11/05 Python
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
俄罗斯韩国化妆品网上商店:Cosmasi.ru
2019/10/31 全球购物
自我鉴定标准格式
2014/03/19 职场文书
服务质量承诺书
2014/03/27 职场文书
实践单位评语
2014/04/26 职场文书
2014老师三严三实对照检查材料思想汇报
2014/09/18 职场文书
普通党员个人剖析材料
2014/10/08 职场文书
物流仓管员岗位职责
2015/04/01 职场文书
工程移交协议书
2016/03/24 职场文书
React四级菜单的实现
2022/04/08 Javascript
MySQL数据库实验实现简单数据库应用系统设计
2022/06/21 MySQL