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 相关文章推荐
jquery如何把参数列严格转换成数组实现思路
Apr 01 Javascript
JS之Date对象和获取系统当前时间详解
Jan 13 Javascript
简单的jQuery入门指引
Jul 28 Javascript
深入剖析JavaScript编程中的对象概念
Oct 21 Javascript
javascript实现保留两位小数的多种方法
Dec 18 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 Javascript
JS实现动态添加DOM节点和事件的方法示例
Apr 28 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
May 31 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
Jun 04 Javascript
微信小程序实现写入读取缓存详解
Aug 30 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 Javascript
解决js中的setInterval清空定时器不管用问题
Nov 17 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
SSI指令
2006/11/25 PHP
php实现处理输入转义字符的代码
2015/11/08 PHP
PHP  Yii清理缓存的实现方法
2016/11/10 PHP
仿新浪微博登陆邮箱提示效果的js代码
2013/08/02 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
2013/11/07 Javascript
node.js操作mongoDB数据库示例分享
2014/11/26 Javascript
PHP+mysql+Highcharts生成饼状图
2015/05/04 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
2015/05/07 Javascript
jquery动态添加文本并获取值的方法
2016/10/12 Javascript
JS动态添加选项案例分析
2016/10/17 Javascript
vue一步步实现alert功能
2017/07/05 Javascript
angular之ng-template模板加载
2017/11/09 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
为什么推荐使用JSX开发Vue3
2020/12/28 Vue.js
python执行shell获取硬件参数写入mysql的方法
2014/12/29 Python
利用Python实现Windows定时关机功能
2017/03/21 Python
基于Python函数的作用域规则和闭包(详解)
2017/11/29 Python
python 每天如何定时启动爬虫任务(实现方法分享)
2018/05/21 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
Python实现的ftp服务器功能详解【附源码下载】
2019/06/26 Python
pytorch: Parameter 的数据结构实例
2019/12/31 Python
完美解决pycharm导入自己写的py文件爆红问题
2020/02/12 Python
Python抓包程序mitmproxy安装和使用过程图解
2020/03/02 Python
python 画图 图例自由定义方式
2020/04/17 Python
keras slice layer 层实现方式
2020/06/11 Python
canvas绘制文本内容自动换行的实现代码
2019/01/14 HTML / CSS
护士自我鉴定
2013/10/23 职场文书
应用心理学个人求职信范文
2013/12/11 职场文书
安全事故检讨书
2014/01/18 职场文书
暑期研修感言
2014/02/17 职场文书
婚纱摄影师求职信
2014/03/07 职场文书
幼儿园三八妇女节活动方案
2014/03/11 职场文书
信电学院毕业生自荐书
2014/05/24 职场文书
法制宣传口号
2014/06/16 职场文书
大学生奖学金获奖感言(范文)
2019/08/15 职场文书
Css预编语言及区别详解
2021/04/25 HTML / CSS