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 相关文章推荐
Javascript 不能释放内存.
Sep 07 Javascript
jQuery帮助之筛选查找 children([expr])
Jan 31 Javascript
学习JavaScript设计模式(封装)
Nov 26 Javascript
JavaScript中的prototype原型学习指南
May 09 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
Jul 24 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
Jan 24 Javascript
基于angular-utils-ui-breadcrumbs使用心得(分享)
Nov 03 Javascript
JavaScript如何对图片进行黑白化
Apr 10 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
Jun 01 Javascript
JavaScript实现简单音乐播放器
Apr 17 Javascript
详解js获取video任意时间的画面截图
Apr 17 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
Dec 02 Vue.js
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开发需要注意的安全问题
2010/09/01 PHP
php中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
2011/11/26 PHP
php中使用$_REQUEST需要注意的一个问题
2013/05/02 PHP
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
php将日期格式转换成xx天前的格式
2015/04/16 PHP
php简单操作mysql数据库的类
2015/04/16 PHP
部署PHP时的4个配置修改说明
2015/10/19 PHP
PHP让网站移动访问更加友好方法
2019/02/14 PHP
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
2006/09/22 Javascript
jQuery在vs2008及js文件中的无智能提示的解决方法
2010/12/30 Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
2013/06/08 Javascript
jquery scroll()区分横向纵向滚动条的方法
2014/04/04 Javascript
javascript动画之磁性吸附效果篇
2016/12/09 Javascript
Canvas 绘制粒子动画背景
2017/02/15 Javascript
jQuery动态生成不规则表格(前后端)
2017/02/21 Javascript
Vue 2.X的状态管理vuex记录详解
2017/03/23 Javascript
详解10分钟学会vue滚动行为
2017/09/21 Javascript
JavaScript设计模式之工厂模式简单实例教程
2018/07/03 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
VUE解决 v-html不能触发点击事件的问题
2019/10/28 Javascript
[50:27]Secret vs VG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[34:47]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第一场 11.18
2020/11/18 DOTA
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
python实现电子产品商店
2019/02/26 Python
python 实现多维数组转向量
2019/11/30 Python
python GUI库图形界面开发之PyQt5访问系统剪切板QClipboard类详细使用方法与实例
2020/02/27 Python
python数据类型强制转换实例详解
2020/06/22 Python
深入了解NumPy 高级索引
2020/07/24 Python
Python字节单位转换(将字节转换为K M G T)
2021/03/02 Python
html5 canvas实现给图片添加平铺水印
2019/08/20 HTML / CSS
华为俄罗斯官方网上商城:购买Huawei手机和平板
2017/04/21 全球购物
《学会合作》教学反思
2014/04/12 职场文书
实习协议书范本
2014/04/22 职场文书
上班迟到检讨书
2014/09/15 职场文书
2015年全国科普日活动总结
2015/03/23 职场文书
保研导师推荐信
2015/03/25 职场文书