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 相关文章推荐
不错的asp中显示新闻的功能
Oct 13 Javascript
javascript 用原型继承来实现对象系统
Mar 22 Javascript
33个优秀的 jQuery 图片展示插件分享
Mar 14 Javascript
jquery实现背景墙聚光灯效果示例分享
Mar 02 Javascript
js关于命名空间的函数实例
Feb 05 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
Aug 27 Javascript
AngularJs 动态加载模块和依赖
Sep 15 Javascript
JS中with的替代方法与String中的正则方法详解
Dec 23 Javascript
vue实现文章内容过长点击阅读全文功能的实例
Dec 28 Javascript
Vue 框架之动态绑定 css 样式实例分析
Nov 14 Javascript
vuex存值与取值的实例
Nov 06 Javascript
Vue关于组件化开发知识点详解
May 13 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 GD 图像处理组件的常用函数总结
2010/04/28 PHP
php实现singleton()单例模式实例
2014/11/06 PHP
PHP Oauth授权和本地加密实现方法
2016/08/12 PHP
PHP利用pdo_odbc实现连接数据库示例【基于ThinkPHP5.1搭建的项目】
2019/05/13 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
PHP Pipeline 实现中间件的示例代码
2020/04/26 PHP
如何在PHP中使用AES加密算法加密数据
2020/06/24 PHP
基于PHP实现发微博动态代码实例
2020/12/11 PHP
去除链接虚线全面分析总结
2006/08/15 Javascript
ext实现完整的登录代码
2008/08/08 Javascript
JS获取后台Cookies值的小例子
2013/03/04 Javascript
关于jQuery参考实例2.0 用jQuery选择元素
2013/04/07 Javascript
js获取某元素的class里面的css属性值代码
2014/01/16 Javascript
SeaJS入门教程系列之使用SeaJS(二)
2014/03/03 Javascript
node.js中的dns.getServers方法使用说明
2014/12/08 Javascript
详解JS中Array对象扩展与String对象扩展
2016/01/07 Javascript
Bootstrap表单控件使用方法详解
2017/01/11 Javascript
详解在Vue中通过自定义指令获取dom元素
2017/03/04 Javascript
Webpack如何引入bootstrap的方法
2017/06/17 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
2018/09/07 Javascript
基于JS实现前端压缩上传图片的实例代码
2019/05/14 Javascript
vue使用recorder.js实现录音功能
2019/11/22 Javascript
Js参数RSA加密传输之jsencrypt.js的使用
2020/02/07 Javascript
JavaScript实现留言板案例
2020/03/17 Javascript
jQuery实现日历效果
2020/09/11 jQuery
[50:22]完美盛典-2018年度红毯走秀
2018/12/16 DOTA
[08:38]DOTA2-DPC中国联赛 正赛 VG vs Elephant 选手采访
2021/03/11 DOTA
python下os模块强大的重命名方法renames详解
2017/03/07 Python
python去除文件中重复的行实例
2018/06/29 Python
matplotlib给子图添加图例的方法
2018/08/03 Python
python操作cfg配置文件方式
2019/12/22 Python
使用pytorch搭建AlexNet操作(微调预训练模型及手动搭建)
2020/01/18 Python
Python3.6 中的pyinstaller安装和使用教程
2020/03/16 Python
matplotlib quiver箭图绘制案例
2020/04/17 Python
代收款委托书范本
2014/10/01 职场文书
单位综合评价意见
2015/06/05 职场文书