JS定时器实例


Posted in Javascript onApril 17, 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 事件记录使用说明
Oct 20 Javascript
js跑步算法的实现代码
Dec 04 Javascript
利用jQuery实现可以编辑的表格
May 26 Javascript
js阻止事件追加的具体实现
Oct 15 Javascript
原生js实现类似弹窗抖动效果
Apr 02 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
May 27 Javascript
javascript用正则表达式过滤空格的实现代码
Jun 14 Javascript
浅谈js中同名函数和同名变量的执行问题
Feb 12 Javascript
Vue如何实现组件的源码解析
Jun 08 Javascript
详谈javascript精度问题与调整
Jul 08 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
开发一个封装iframe的vue组件
Mar 29 Vue.js
JS中showModalDialog 的使用解析
Apr 17 #Javascript
js substr支持中文截取函数代码(中文是双字节)
Apr 17 #Javascript
中文字符串截取的js函数代码
Apr 17 #Javascript
解决IE6的PNG透明JS插件使用介绍
Apr 17 #Javascript
Web跨浏览器进程通信(Web跨域)
Apr 17 #Javascript
js读写(删除)Cookie实例详解
Apr 17 #Javascript
基于dom编程中 动态创建与删除元素的使用
Apr 17 #Javascript
You might like
使用网络地址转换实现多服务器负载均衡
2006/10/09 PHP
五个PHP程序员工具
2008/05/26 PHP
PHP 反射机制实现动态代理的代码
2008/10/22 PHP
探讨php define()函数及defined()函数使用详解
2013/06/09 PHP
tp5(thinkPHP5)框架数据库Db增删改查常见操作总结
2019/01/10 PHP
使用PHP反射机制来构造"CREATE TABLE"的sql语句
2019/03/21 PHP
广告代码静态化js通用函数
2007/05/09 Javascript
jquery.simple.tree插件 更简单,兼容性更好的无限树插件
2010/09/03 Javascript
alert中断settimeout计时功能
2013/07/26 Javascript
15条JavaScript最佳实践小结
2013/08/09 Javascript
javascript使用switch case实现动态改变超级链接文字及地址
2014/12/16 Javascript
jQuery中odd选择器的定义和用法
2014/12/23 Javascript
jQuery给动态添加的元素绑定事件的方法
2015/03/09 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
javascript实现获取浏览器版本、浏览器类型
2015/12/02 Javascript
常用原生js自定义函数总结
2016/11/20 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
2016/12/22 Javascript
jQuery实现复选框的全选和反选
2017/02/02 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
2017/03/29 Javascript
微信小程序搜索组件wxSearch实例详解
2017/06/08 Javascript
node中使用es5/6以及支持性与性能对比
2017/08/11 Javascript
详解nodejs 配置文件处理方案
2019/01/02 NodeJs
Vue 中可以定义组件模版的几种方式
2019/08/06 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
2019/10/27 Javascript
在Python的Flask框架下收发电子邮件的教程
2015/04/21 Python
Python 面试中 8 个必考问题
2018/11/16 Python
关于django 1.10 CSRF验证失败的解决方法
2019/08/31 Python
python之pymysql模块简单应用示例代码
2019/12/16 Python
在keras里面实现计算f1-score的代码
2020/06/15 Python
Python局部变量与全局变量区别原理解析
2020/07/14 Python
团拜会策划方案
2014/06/07 职场文书
承诺书模板
2014/08/30 职场文书
读群众路线的心得体会
2014/09/03 职场文书
公司开会通知
2015/04/20 职场文书
Vue详细的入门笔记
2021/05/10 Vue.js
mysql创建存储过程及函数详解
2021/12/04 MySQL