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 相关文章推荐
用js得到网页中所有的div的id
Oct 19 Javascript
javascript中对对层的控制
Dec 29 Javascript
js 数值项目的格式化函数代码
May 14 Javascript
Jquery上传插件 uploadify v3.1使用说明
Jun 18 Javascript
JS保留两位小数 四舍五入函数的小例子
Nov 20 Javascript
javascript日期对象格式化为字符串的实现方法
Jan 14 Javascript
JS取request值以及自动执行使用示例
Feb 24 Javascript
JavaScript实现函数返回多个值的方法
Jun 09 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
Feb 14 Javascript
浅析Angular 实现一个repeat指令的方法
Jul 21 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
Nov 01 Javascript
一篇超完整的Vue新手入门指导教程
Nov 18 Vue.js
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
php session_start()关于Cannot send session cache limiter - headers already sent错误解决方法
2009/11/27 PHP
php 无限级数据JSON格式及JS解析
2010/07/17 PHP
9个PHP开发常用功能函数小结
2011/07/15 PHP
php和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
PHP开发中常用的十个代码样例
2016/02/02 PHP
php实现的错误处理封装类实例
2017/06/20 PHP
php设计模式之享元模式分析【星际争霸游戏案例】
2020/03/23 PHP
JQuery 学习笔记 选择器之一
2009/07/23 Javascript
尝试在让script的type属性等于text/html
2013/01/15 Javascript
javascript实现控制浏览器全屏
2015/03/30 Javascript
基于Jquery插件实现跨域异步上传文件功能
2016/04/26 Javascript
浅析JS操作DOM的一些常用方法
2016/05/13 Javascript
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
2016/05/23 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
微信小程序之自定义组件的实现代码(附源码)
2018/08/02 Javascript
vue根据值给予不同class的实例
2018/09/29 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
vant 自定义 van-dropdown-item的用法
2020/08/05 Javascript
js实现简单的点名器随机色实例代码
2020/09/20 Javascript
[02:28]DOTA2英雄基础教程 灰烬之灵
2013/12/19 DOTA
[36:17]DOTA2上海特级锦标赛 - VGL音乐会全集
2016/03/06 DOTA
Python操作配置文件ini的三种方法讲解
2019/02/22 Python
使用PyOpenGL绘制三维坐标系实例
2019/12/24 Python
Python unittest单元测试框架实现参数化
2020/04/29 Python
MVMT手表官方网站:时尚又实惠的高品质手表
2016/12/04 全球购物
英国最大的香水商店:The Fragrance Shop
2018/07/06 全球购物
Craghoppers德国官网:户外和旅行服装
2020/02/14 全球购物
电信专业毕业生推荐信
2013/11/18 职场文书
数控技术专业毕业自荐书范文
2014/02/05 职场文书
文化与传播毕业生求职信
2014/03/09 职场文书
优秀团员自我评价范文
2014/04/23 职场文书
5.12护士节演讲稿
2014/04/30 职场文书
关于安全的演讲稿
2014/05/09 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
nginx限制并发连接请求数的方法
2021/04/01 Servers
一文简单了解MySQL前缀索引
2022/04/03 MySQL