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 相关文章推荐
认识延迟时间为0的setTimeout
May 16 Javascript
javascript多种数据类型表格排序代码分析
Sep 11 Javascript
JS跨域代码片段
Aug 30 Javascript
javascript中全局对象的parseInt()方法使用介绍
Dec 19 Javascript
JS解析XML实例分析
Jan 30 Javascript
jquery图片切换实例分析
Apr 15 Javascript
jQuery实现带玻璃流光质感的手风琴特效
Nov 20 Javascript
10个最优秀的Node.js MVC框架
Aug 24 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
Nov 23 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 jQuery
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
Sep 28 Javascript
js找出5个数中最大的一个数和倒数第二大的数实现方法示例小结
Mar 04 Javascript
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
PHP跨时区(UTC时间)应用解决方案
2013/01/11 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
PHP 正则表达式小结
2015/02/12 PHP
php自定义函数实现二维数组排序功能
2016/07/20 PHP
CI框架AR数据库操作常用函数总结
2016/11/21 PHP
javascript 定义新对象方法
2010/02/20 Javascript
表单JS弹出填写提示效果代码
2011/04/16 Javascript
IE事件对象(The Internet Explorer Event Object)
2012/06/27 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
2014/05/13 Javascript
一个css与js结合的下拉菜单支持主流浏览器
2014/10/08 Javascript
js仿百度登录页实现拖动窗口效果
2016/03/11 Javascript
BootStrap的table表头固定tbody滚动的实例代码
2016/08/24 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
jQuery插件扩展实例【添加回调函数】
2016/11/26 Javascript
JavaScript截屏功能的实现代码
2017/07/28 Javascript
关于Promise 异步编程的实例讲解
2017/09/01 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
vue自动化表单实例分析
2018/05/06 Javascript
JS 图片压缩原理与实现方法详解
2020/04/29 Javascript
Python爬虫将爬取的图片写入world文档的方法
2018/11/07 Python
Python异常原理及异常捕捉实现过程解析
2020/03/25 Python
Keras在训练期间可视化训练误差和测试误差实例
2020/06/16 Python
使用OpenCV实现人脸图像卡通化的示例代码
2021/01/15 Python
凯伦·米莲女装网上商店:Karen Millen
2017/11/07 全球购物
请用Java实现列出某个目录下的所有文件
2013/09/23 面试题
化学学院毕业生自荐信范文
2013/12/17 职场文书
计算机专业毕业生自我鉴定
2014/01/16 职场文书
新闻发布会策划方案
2014/06/12 职场文书
大学迎新标语
2014/06/26 职场文书
简单租房协议书
2014/10/21 职场文书
小学生作文评语集锦
2014/12/25 职场文书
创业计划书之韩国烧烤店
2019/09/19 职场文书
OpenCV图像变换之傅里叶变换的一些应用
2021/07/26 Python
「SHOW BY ROCK!!」“雫シークレットマインド”组合单曲MV公开
2022/03/21 日漫