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 自定义事件初探
Aug 21 Javascript
javascript 面向对象编程 function也是类
Sep 17 Javascript
JQuery遍历DOM节点的方法
Jun 11 Javascript
javascript实现的上下无缝滚动效果
Sep 19 Javascript
getElementById().innerHTML与getElementById().value的区别
Oct 27 Javascript
VueJS全面解析
Nov 10 Javascript
基于js实现checkbox批量选中操作
Nov 22 Javascript
微信小程序网络请求wx.request详解及实例
May 18 Javascript
js中apply()和call()的区别与用法实例分析
Aug 14 Javascript
Layui表格行工具事件与数据回填方法
Sep 13 Javascript
LayUI switch 开关监听 获取属性值、更改状态的方法
Sep 21 Javascript
Vue.js中v-for指令的用法介绍
Mar 13 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
学习discuz php 引入文件的方法DISCUZ_ROOT
2009/06/21 PHP
PHP实现二叉树的深度优先与广度优先遍历方法
2015/09/28 PHP
Linux系统中为php添加pcntl扩展
2016/08/28 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
php7连接MySQL实现简易查询程序的方法
2020/10/13 PHP
Nigma vs Liquid BO3 第二场2.13
2021/03/10 DOTA
javascript面向对象之二 命名空间
2011/02/08 Javascript
JS模拟面向对象全解(二、类型与赋值)
2011/07/13 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
2012/12/04 Javascript
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法
2013/07/17 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
2015/04/06 Javascript
jquery移动点击的项目到列表最顶端的方法
2015/06/24 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
2016/11/15 Javascript
javascript和php使用ajax通信传递JSON的实例
2018/08/21 Javascript
ES6 Class中实现私有属性的一些方法总结
2019/07/08 Javascript
优雅的使用javascript递归画一棵结构树示例代码
2019/09/22 Javascript
使用原生javascript开发计算器实例代码
2021/02/21 Javascript
[59:48]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第一场 1月26日
2021/03/11 DOTA
python对url格式解析的方法
2015/05/13 Python
python实现12306火车票查询器
2017/04/20 Python
Django框架model模型对象验证实现方法分析
2019/10/02 Python
python实现批量文件重命名
2019/10/31 Python
python计算二维矩形IOU实例
2020/01/18 Python
Python逐行读取文件内容的方法总结
2020/02/14 Python
python tkinter之顶层菜单、弹出菜单实例
2020/03/04 Python
PyInstaller的安装和使用的详细步骤
2020/06/02 Python
Python中return函数返回值实例用法
2020/11/19 Python
探讨HTML5移动开发的几大特性(必看)
2015/12/30 HTML / CSS
全天然狗零食:Best Bully Sticks
2016/09/22 全球购物
美国领先的家庭智能音响系统品牌:Sonos
2018/07/20 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
2013年大学生的自我鉴定
2013/10/24 职场文书
团日活动策划书
2014/02/01 职场文书
优秀研究生主要事迹
2014/06/03 职场文书
中学生社区服务活动报告
2015/02/05 职场文书