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 相关文章推荐
jQuery Div中加载其他页面的实现代码
Feb 27 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
javascript右下角弹层及自动隐藏(自己编写)
Nov 20 Javascript
Javascript中各种trim的实现详细解析
Dec 10 Javascript
asp.net刷新本页面的六种方法总结
Jan 07 Javascript
jquery中用函数来设置css样式
Dec 22 Javascript
JavaScript实现简单的树形菜单效果
Jun 23 Javascript
详解用vue.js和laravel实现微信支付
Jun 23 Javascript
JS中touchstart事件与click事件冲突的解决方法
Mar 12 Javascript
浅谈vuex actions和mutation的异曲同工
Dec 13 Javascript
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
vue模仿网易云音乐的单页面应用
Apr 24 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
ecshop 订单确认中显示省市地址信息的方法
2010/03/15 PHP
PHP实现基于文本的摩斯电码生成器
2016/01/11 PHP
php使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
php判断电子邮件是否正确方法
2018/12/04 PHP
PHP5.6.8连接SQL Server 2008 R2数据库常用技巧分析总结
2019/05/06 PHP
JavaScript中:表达式和语句的区别[译]
2012/09/17 Javascript
JavaScript splice()方法详解
2020/09/22 Javascript
jquery制作居中遮罩层效果分享
2014/02/21 Javascript
原生JS实现响应式瀑布流布局
2015/04/02 Javascript
JavaScript将字符串转换为整数的方法
2015/04/14 Javascript
JavaScript模块化开发之SeaJS
2015/12/13 Javascript
JavaScript中的Array 对象(数组对象)
2016/06/02 Javascript
解决vue-cli中stylus无法使用的问题方法
2017/06/19 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
快速了解vue-cli 3.0 新特性
2018/02/28 Javascript
Javascript实现异步编程的过程
2018/06/18 Javascript
微信小程序有旋转动画效果的音乐组件实例代码
2018/08/22 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
2019/04/28 Javascript
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
2020/02/04 jQuery
js实现经典贪吃蛇小游戏
2020/03/19 Javascript
JavaScript实现多文件下载方法解析
2020/08/07 Javascript
uniapp实现横向滚动选择日期
2020/10/21 Javascript
[01:02:34]TFT vs VGJ.T Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
[52:32]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第三场 11.18
2020/11/18 DOTA
[29:59]完美世界DOTA2联赛PWL S3 Forest vs access 第二场 12.11
2020/12/13 DOTA
使用Python多线程爬虫爬取电影天堂资源
2016/09/23 Python
python实现简易云音乐播放器
2018/01/04 Python
用python统计代码行的示例(包括空行和注释)
2018/07/24 Python
Python操作mongodb数据库的方法详解
2018/12/08 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
用python3读取python2的pickle数据方式
2019/12/25 Python
Python GUI库PyQt5样式QSS子控件介绍
2020/02/25 Python
python实现数字炸弹游戏程序
2020/07/17 Python
工作散漫检讨书
2014/09/16 职场文书
收入及婚姻状况证明
2014/11/20 职场文书