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代码
Jan 10 Javascript
技术男用来对妹子表白的百度首页
Jul 23 Javascript
jQuery代码性能优化的10种方法
Jun 21 Javascript
js实现放大镜特效
May 18 Javascript
基于JavaScript实现无缝滚动效果
Jul 21 Javascript
JS实现的全排列组合算法示例
Oct 09 Javascript
JS简单实现数组去重的方法分析
Oct 14 Javascript
微信小程序实现打卡日历功能
Sep 21 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
Jan 25 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
Feb 18 Javascript
vue+elementUI实现表格关键字筛选高亮
Oct 26 Javascript
ES6 async、await的基本使用方法示例
Jun 06 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
现磨咖啡骗局!现磨咖啡=新鲜咖啡?现磨咖啡背后的猫腻你不懂!
2019/03/28 冲泡冲煮
PHP去掉从word直接粘贴过来的没有用格式的函数
2012/10/29 PHP
LotusPhp笔记之:基于ObjectUtil组件的使用分析
2013/05/06 PHP
CodeIgniter图像处理类的深入解析
2013/06/17 PHP
启用OPCache提高PHP程序性能的方法
2019/03/21 PHP
jQuery 处理表单元素的代码
2010/02/15 Javascript
Javascript 面向对象 命名空间
2010/05/13 Javascript
js函数在frame中的相互调用详解
2014/03/03 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
2014/05/21 Javascript
jQuery插件支持同一页面被多次调用
2016/02/14 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
2016/12/21 Javascript
js图片轮播手动切换特效
2017/01/12 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
2017/02/16 Javascript
vue动态组件实现选项卡切换效果
2017/03/08 Javascript
在Vue组件中使用 TypeScript的方法
2018/02/28 Javascript
Vue动态加载图片在跨域时无法显示的问题及解决方法
2020/03/10 Javascript
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
2020/09/29 Javascript
vue实现顶部菜单栏
2020/11/08 Javascript
Python中zfill()方法的使用教程
2015/05/20 Python
python实现微信接口(itchat)详细介绍
2017/10/23 Python
对numpy.append()里的axis的用法详解
2018/06/28 Python
在windows下使用python进行串口通讯的方法
2019/07/02 Python
Pycharm创建项目时如何自动添加头部信息
2019/11/14 Python
一款基于css3的动画按钮代码教程
2014/11/23 HTML / CSS
荷兰最大的儿童服装店:The Kids Republic
2019/04/13 全球购物
继承时候类的执行顺序问题,一般都是选择题,问你将会打印出什么?
2015/11/18 面试题
摄影助理岗位职责
2014/02/07 职场文书
物流管理系毕业生求职信
2014/06/03 职场文书
要账委托书范本
2014/09/15 职场文书
学校群众路线专项整治方案
2014/10/31 职场文书
公司给客户的感谢信
2015/01/23 职场文书
2015年全国科普日活动总结
2015/03/23 职场文书
教师节班会主持词
2015/07/06 职场文书
毕业班工作总结
2015/08/10 职场文书
win11无法登录onedrive错误代码0x8004def7怎么办 ?
2022/04/05 数码科技
Nginx的gzip相关介绍
2022/05/11 Servers