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 相关文章推荐
js 异步处理进度条
Apr 01 Javascript
Jquery阻止事件冒泡 event.stopPropagation
Dec 11 Javascript
修改file按钮的默认样式实现代码
Apr 23 Javascript
javascript修改图片src的方法
Jan 27 Javascript
jQuery实现首页顶部可伸缩广告特效代码
Apr 15 Javascript
js+HTML5实现视频截图的方法
Jun 16 Javascript
详解maxlength属性在textarea里奇怪的表现
Dec 27 Javascript
Node.js开启Https的实践详解
Oct 25 Javascript
jQuery的中 is(':visible') 解析及用法(必看)
Feb 12 Javascript
vue2.0 elementUI制作面包屑导航栏
Feb 22 Javascript
Vue仿微信app页面跳转动画效果
Aug 21 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
May 15 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 Http_Template_IT类库进行模板替换
2009/03/19 PHP
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
PHP If Else(elsefi) 语句
2013/04/07 PHP
Docker 安装 PHP并与Nginx的部署实例讲解
2021/02/27 PHP
js option删除代码集合
2008/11/12 Javascript
javascript脚本调试方法小结
2008/11/24 Javascript
防止文件缓存的js代码
2013/01/10 Javascript
运算符&&的三个不同层次
2013/04/07 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
2013/05/07 Javascript
jquery组件使用中遇到的问题整理及解决
2014/02/21 Javascript
jquery实现红色竖向多级向右展开的导航菜单效果
2015/08/31 Javascript
node.js回调函数之阻塞调用与非阻塞调用
2015/11/13 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
2016/01/22 Javascript
拥有一个属于自己的javascript表单验证插件
2016/03/24 Javascript
NodeJS远程代码执行
2016/08/28 NodeJs
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
jQuery实现弹幕效果
2017/02/17 Javascript
轻松实现jQuery添加删除按钮Click事件
2017/03/13 Javascript
Angular.js中数组操作的方法教程
2017/07/31 Javascript
node中koa中间件机制详解
2017/08/22 Javascript
jQuery实现的事件绑定功能基本示例
2017/10/11 jQuery
微信小程序实现聊天对话(文本、图片)功能
2018/07/06 Javascript
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
2019/07/03 Javascript
Js参数RSA加密传输之jsencrypt.js的使用
2020/02/07 Javascript
小程序使用分包的示例代码
2020/03/23 Javascript
用Python抢过年的火车票附源码
2015/12/07 Python
详解Python中for循环是如何工作的
2017/06/30 Python
python中文件变化监控示例(watchdog)
2017/10/16 Python
Python调用graphviz绘制结构化图形网络示例
2019/11/22 Python
英国在线自行车店:Merlin Cycles
2018/08/20 全球购物
个人委托书范本
2014/04/02 职场文书
婚礼证婚人演讲稿
2014/09/13 职场文书
铁路安全反思材料
2014/12/24 职场文书
Python实战之疫苗研发情况可视化
2021/05/18 Python
pytorch 两个GPU同时训练的解决方案
2021/06/01 Python
JS 基本概念详细介绍
2021/10/16 Javascript