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 相关文章推荐
javascript中window.event事件用法详解
Dec 11 Javascript
为指定的元素添加遮罩层的示例代码
Jan 15 Javascript
jQuery实现表单提交时判断的方法
Dec 13 Javascript
在JavaScript中操作时间之getMonth()方法的使用
Jun 10 Javascript
基于javascript实现页面加载loading效果
Sep 15 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
Aug 16 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
基于jquery实现的鼠标悬停提示案例
Dec 11 Javascript
AngularJS常见过滤器用法实例总结
Jul 06 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
Oct 19 Javascript
Vue项目history模式下微信分享爬坑总结
Mar 29 Javascript
jQuery 筛选器简单操作示例
Oct 02 jQuery
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 引用是个坏习惯
2010/03/12 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
php实现的AES加密类定义与用法示例
2018/01/29 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
Javascript学习笔记1 数据类型
2010/01/11 Javascript
Json对象替换字符串占位符实现代码
2010/11/17 Javascript
仿微博字符限制效果实现代码
2012/04/20 Javascript
js简易namespace管理器 实例代码
2013/06/21 Javascript
JavaScript 学习笔记之语句
2015/01/14 Javascript
js实现拖拽功能
2017/03/01 Javascript
基于Vue框架vux组件库实现上拉刷新功能
2017/11/28 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
2018/05/02 Javascript
vue 刷新之后 嵌套路由不变 重新渲染页面的方法
2018/09/13 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
2019/12/02 Javascript
JavaScript进阶(三)闭包原理与用法详解
2020/05/09 Javascript
详解python中xlrd包的安装与处理Excel表格
2016/12/16 Python
python实现协同过滤推荐算法完整代码示例
2017/12/15 Python
python监控进程脚本
2018/04/12 Python
Python数据分析:手把手教你用Pandas生成可视化图表的教程
2018/12/15 Python
python 同时运行多个程序的实例
2019/01/07 Python
Django-xadmin后台导入json数据及后台显示信息图标和主题更改方式
2020/03/11 Python
Python图像阈值化处理及算法比对实例解析
2020/06/19 Python
Django中日期时间型字段进行年月日时分秒分组统计
2020/11/27 Python
CSS3 旋转立方体问题详解
2020/01/09 HTML / CSS
澳大利亚领先的皮肤诊所:Skin Matrix(抗衰老、痤疮专家、药妆护肤)
2018/05/20 全球购物
Crucial英睿达法国官网:内存条及SSD固态硬盘升级
2018/07/13 全球购物
英语专业学生的自我评价
2013/12/30 职场文书
市政施工员自我鉴定
2014/01/15 职场文书
省三好学生申请材料
2014/01/22 职场文书
内衣营销方案
2014/03/15 职场文书
护士感人事迹
2014/05/01 职场文书
七年级作文之英语老师
2019/10/28 职场文书
Pygame Rect区域位置的使用(图文)
2021/11/17 Python
详细介绍MySQL中limit和offset的用法
2022/05/06 MySQL
mysql通过group by分组取最大时间对应数据的两种有效方法
2022/09/23 MySQL
使用CSS实现百叶窗效果示例代码
2023/05/07 HTML / CSS