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 相关文章推荐
javascript-TreeView父子联动效果保持节点状态一致
Aug 12 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
Dec 04 Javascript
JS判断移动端访问设备并加载对应CSS样式
Jun 13 Javascript
jQuery制作拼图小游戏
Jan 12 Javascript
html的DOM中Event对象onabort事件用法实例
Jan 21 Javascript
巧用jQuery选择器提高写表单效率的方法
Aug 19 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
Aug 24 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 Javascript
JS实现购物车特效
Feb 02 Javascript
使用 Vue.js 仿百度搜索框的实例代码
May 09 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
Mar 04 Javascript
详解nvm管理多版本node踩坑
Jul 26 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
overlord人气高涨,却被菲利普频繁举报,第四季很难在国内上映
2020/05/06 日漫
用PHP读注册表
2006/10/09 PHP
php定时删除文件夹下文件(清理缓存文件)
2013/01/23 PHP
Linux中为php配置伪静态
2014/12/17 PHP
PHP中使用Imagick实现各种图片效果实例
2015/01/21 PHP
PHP中strcmp()和strcasecmp()函数字符串比较用法分析
2016/01/07 PHP
php使用get_class_methods()函数获取分类的方法
2016/07/20 PHP
PHP表单验证内容是否为空的实现代码
2016/11/14 PHP
js为空或不是对象问题的快速解决方法
2013/12/11 Javascript
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
JS实现动态给图片添加边框的方法
2015/04/01 Javascript
nodejs创建web服务器之hello world程序
2015/08/20 NodeJs
webpack入门必知必会
2017/01/16 Javascript
快速掌握jQuery插件开发
2017/01/19 Javascript
vue分类筛选filter方法简单实例
2017/03/30 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
微信小程序实现富文本图片宽度自适应的方法
2019/01/20 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
2019/05/22 Javascript
在Python的循环体中使用else语句的方法
2015/03/30 Python
利用Python的Twisted框架实现webshell密码扫描器的教程
2015/04/16 Python
Python3单行定义多个变量或赋值方法
2018/07/12 Python
tensorflow 恢复指定层与不同层指定不同学习率的方法
2018/07/26 Python
Python中查看变量的类型内存地址所占字节的大小
2019/06/26 Python
Python 实现自动登录+点击+滑动验证功能
2020/06/10 Python
localStorage 设置过期时间的方法实现
2018/12/21 HTML / CSS
乌克兰最大的家用电器和电子产品连锁店:Eldorado
2019/10/02 全球购物
存储过程和sql语句的优缺点
2014/07/02 面试题
什么是会话Bean
2015/05/14 面试题
高中生学习总结的自我评价范文
2013/10/13 职场文书
大二法英学生职业生涯规划范文
2014/02/27 职场文书
行政专员求职信范文
2014/05/03 职场文书
电子专业毕业生自荐信
2014/05/25 职场文书
工业设计专业自荐书
2014/06/05 职场文书
先进集体事迹材料范文
2014/12/25 职场文书
公司员工体检通知
2015/04/21 职场文书
2019商业计划书格式、范文
2019/04/24 职场文书