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 相关文章推荐
文本加密解密
Jun 23 Javascript
用javascript实现给图片加链接
Aug 15 Javascript
Javascript 颜色渐变效果的实现代码
Oct 01 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
Sep 09 Javascript
node.js中的buffer.slice方法使用说明
Dec 10 Javascript
浅谈JavaScript字符串拼接
Jun 25 Javascript
jquery+php随机生成红包金额数量代码分享
Aug 27 Javascript
简单谈谈javascript中的变量、作用域和内存问题
Aug 30 Javascript
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
Jan 11 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
Jan 21 Javascript
javascript 开发之网页兼容各种浏览器
Sep 28 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
Oct 09 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连接access数据库
2008/03/27 PHP
php中用文本文件做数据库的实现方法
2008/03/27 PHP
浅谈php函数serialize()与unserialize()的使用方法
2014/08/19 PHP
2014最热门的24个php类库汇总
2014/12/18 PHP
php遍历删除整个目录及文件的方法
2015/03/13 PHP
PHP内部实现打乱字符串顺序函数str_shuffle的方法
2019/02/14 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
Save a File Using a File Save Dialog Box
2007/06/18 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
2012/07/21 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
2014/03/18 Javascript
JavaScript判断undefined类型的正确方法
2015/06/30 Javascript
JavaScript计算某一天是星期几的方法
2015/08/05 Javascript
JavaScript事件学习小结(三)js事件对象
2016/06/09 Javascript
浅谈js中test()函数在正则中的使用
2016/08/19 Javascript
浅析JS中常用类型转换及运算符表达式
2017/07/23 Javascript
JS实现对json对象排序并删除id相同项功能示例
2018/04/18 Javascript
vue完成项目后,打包成静态文件的方法
2018/09/03 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
2019/01/19 Javascript
解决微信小程序中的滚动穿透问题
2019/09/16 Javascript
深入webpack打包原理及loader和plugin的实现
2020/05/06 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
2020/08/19 Javascript
Vue仿百度搜索功能
2020/12/28 Vue.js
JavaScript WeakMap使用详解
2021/02/05 Javascript
python rsa 加密解密
2017/03/20 Python
python2.7到3.x迁移指南
2018/02/01 Python
用sqlalchemy构建Django连接池的实例
2019/08/29 Python
python向图片里添加文字
2019/11/26 Python
python PyAUtoGUI库实现自动化控制鼠标键盘
2020/09/09 Python
怎样在程序里获得一个空指针
2015/01/24 面试题
班主任工作经验材料
2014/02/02 职场文书
学校搬迁方案
2014/06/15 职场文书
创先争优公开承诺书
2014/08/30 职场文书
解决pytorch 损失函数中输入输出不匹配的问题
2021/06/05 Python
Java生成读取条形码和二维码的简单示例
2021/07/09 Java/Android
Redis做数据持久化的解决方案及底层原理
2021/07/15 Redis
spring cloud 配置中心客户端启动遇到的问题
2021/09/25 Java/Android