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 相关文章推荐
window.requestAnimationFrame是什么意思,怎么用
Jan 13 Javascript
jquery $.each() 使用小探
Aug 23 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
Jun 18 Javascript
jQuery实现布局高宽自适应的简单实例
May 28 Javascript
Three.js学习之文字形状及自定义形状
Aug 01 Javascript
js轮盘抽奖实例分析
Apr 17 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
Jan 25 Javascript
AngularJS之页面跳转Route实例代码
Mar 10 Javascript
H5实现中奖记录逐行滚动切换效果
Mar 13 Javascript
vue2组件实现懒加载浅析
Mar 29 Javascript
Angular 表单控件示例代码
Jun 26 Javascript
JavaScript实现简单的计算器
Jan 16 Javascript
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
PHP4实际应用经验篇(1)
2006/10/09 PHP
php内核解析:PHP中的哈希表
2014/01/30 PHP
Zend Framework页面缓存实例
2014/06/25 PHP
PHP 中 Orientation 属性判断上传图片是否需要旋转
2015/10/16 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
php函数式编程简单示例
2019/08/08 PHP
php 函数中静态变量使用的问题实例分析
2020/03/05 PHP
浅析JS中document对象的一些重要属性
2014/03/06 Javascript
JavaScript-RegExp对象只能使用一次问题解决方法
2014/06/23 Javascript
推荐一个封装好的getElementsByClassName方法
2014/12/02 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
2015/02/28 Javascript
JS 循环li添加点击事件 (闭包的应用)
2016/12/10 Javascript
JavaScript算法教程之sku(库存量单位)详解
2017/06/29 Javascript
webpack 插件html-webpack-plugin的具体使用
2018/04/09 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
2018/10/20 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
微信小程序实现列表页的点赞和取消点赞功能
2018/11/02 Javascript
JS实现数组深拷贝的方法分析
2019/03/06 Javascript
vue实现抖音时间转盘
2019/09/08 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
2019/11/26 Javascript
js实现菜单跳转效果
2020/12/11 Javascript
解读Python编程中的命名空间与作用域
2015/10/16 Python
python获取指定时间差的时间实例详解
2017/04/11 Python
Tornado协程在python2.7如何返回值(实现方法)
2017/06/22 Python
python线程池(threadpool)模块使用笔记详解
2017/11/17 Python
django 在原有表格添加或删除字段的实例
2018/05/27 Python
Python+Tensorflow+CNN实现车牌识别的示例代码
2019/10/11 Python
Python通过fnmatch模块实现文件名匹配
2020/09/30 Python
浅谈CSS3特性查询(Feature Query: @supports)功能简介
2017/07/31 HTML / CSS
夏威夷灵感服装及配饰:Reyn Spooner
2018/09/18 全球购物
Harman Audio官方商店:购买JBL、Harman Kardon、Infinity和AKG
2019/12/05 全球购物
校园之声广播稿
2014/01/31 职场文书
文明礼仪伴我行演讲稿
2014/05/12 职场文书
科级干部群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
英语投诉信范文
2015/07/03 职场文书
思想工作总结范文
2015/08/12 职场文书