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 13 Javascript
JQuery设置时间段下拉选择实例
Dec 30 Javascript
js自制图片放大镜功能
Jan 24 Javascript
javascript显示动态时间的方法汇总
Jul 06 Javascript
vue项目使用微信公众号支付总结及遇到的坑
Oct 23 Javascript
Vue的路由及路由钩子函数的实现
Jul 02 Javascript
layui 弹出层值回传解决方式
Nov 14 Javascript
koa-passport实现本地验证的方法示例
Feb 20 Javascript
JS实现网页烟花动画效果
Mar 10 Javascript
解决vue无法侦听数组及对象属性的变化问题
Jul 17 Javascript
浅析JavaScript预编译和暗示全局变量
Sep 03 Javascript
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
Jan 29 jQuery
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
php数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
再Docker中架设完整的WordPress站点全攻略
2015/07/29 PHP
基于mootools 1.3框架下的图片滑动效果代码
2011/04/22 Javascript
jQuery实现表头固定效果的实例代码
2013/05/24 Javascript
Javascript实现视频轮播在pc端与移动端均可
2013/09/29 Javascript
javascript 小数取整简单实现方式
2014/05/30 Javascript
js实现的标题栏新消息闪烁提示效果
2014/06/06 Javascript
JavaScript的原型继承详解
2015/02/15 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
2015/03/02 Javascript
javascript动态创建链接的方法
2015/05/13 Javascript
jQuery实现转动随机数抽奖效果的方法
2015/05/21 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
jquery validate表单验证插件
2016/09/06 Javascript
深入理解 JavaScript 中的 JSON
2017/04/06 Javascript
详解vue中computed 和 watch的异同
2017/06/30 Javascript
JS中正则表达式要注意lastIndex属性
2017/08/08 Javascript
详解在Vue中有条件地使用CSS类
2017/09/30 Javascript
使用store来优化React组件的方法
2017/10/23 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
2018/06/19 Javascript
初试vue-cli使用HBuilderx打包app的坑
2019/07/17 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
2019/09/01 Javascript
Vue Elenent实现表格相同数据列合并
2020/11/30 Vue.js
[00:32]2018DOTA2亚洲邀请赛VGJ.T出场
2018/04/03 DOTA
Python ZipFile模块详解
2013/11/01 Python
Python中logging模块的用法实例
2014/09/29 Python
Python中3种内建数据结构:列表、元组和字典
2014/11/30 Python
python绘制直线的方法
2018/06/30 Python
python 批量添加的button 使用同一点击事件的方法
2019/07/17 Python
Python hashlib模块加密过程解析
2019/11/05 Python
关于pytorch处理类别不平衡的问题
2019/12/31 Python
Pytorch保存模型用于测试和用于继续训练的区别详解
2020/01/10 Python
django模板获取list中指定索引的值方式
2020/05/14 Python
基于CSS3 animation动画属性实现轮播图效果
2017/09/12 HTML / CSS
小学生国庆节演讲稿
2014/09/05 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书
Django drf请求模块源码解析
2021/06/08 Python