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 13 Javascript
window.open 以post方式传递参数示例代码
Feb 27 Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
May 12 Javascript
alert和confirm功能介绍
May 21 Javascript
JavaScript实现的简单幂函数实例
Apr 17 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
Jun 19 Javascript
JS组件Bootstrap实现图片轮播效果
May 16 Javascript
jQuery弹出遮罩层效果完整示例
Sep 13 Javascript
elementui的默认样式修改方法
Feb 23 Javascript
Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式功能
Apr 09 Javascript
微信小程序以7天为周期连续签到7天功能效果的示例代码
Aug 20 Javascript
使用vue-element-admin框架从后端动态获取菜单功能的实现
Apr 29 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
世界上第一台立体声收音机
2021/03/01 无线电
PHP将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
php 对输入信息的进行安全过滤的函数代码
2012/06/29 PHP
解析php中两种缩放图片的函数,为图片添加水印
2013/06/14 PHP
PHP中单引号与双引号的区别分析
2014/08/19 PHP
在Ubuntu 14.04上部署 PHP 环境及 WordPress
2014/09/02 PHP
Laravel5.1框架路由分组用法实例分析
2020/01/04 PHP
eval与window.eval的差别分析
2011/03/17 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
2011/05/28 Javascript
鼠标焦点离开文本框时验证的js代码
2013/07/19 Javascript
js+html5绘制图片到canvas的方法
2015/06/05 Javascript
简述JavaScript中正则表达式的使用方法
2015/06/15 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
2016/07/07 Javascript
js实现通过开始结束控制的计时器
2019/02/25 Javascript
详解jenkins自动化部署vue
2019/05/14 Javascript
Node.js API详解之 net模块实例分析
2020/05/18 Javascript
ant design vue导航菜单与路由配置操作
2020/10/28 Javascript
[43:35]EG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python使用xlrd实现检索excel中某列含有指定字符串记录的方法
2015/05/09 Python
Python验证码识别的方法
2015/07/10 Python
python对excel文档去重及求和的实例
2018/04/18 Python
python实现逢七拍腿小游戏的思路详解
2020/05/26 Python
波兰家居和花园家具专家:4Home
2019/05/26 全球购物
Ellesse英国官网:意大利高级运动品牌
2019/07/23 全球购物
意大利网上书店:LaFeltrinelli
2020/06/12 全球购物
肯尼迪就职演说稿
2013/12/31 职场文书
教师节演讲稿
2014/05/06 职场文书
小学生感恩老师演讲稿
2014/08/28 职场文书
公务员考察材料范文
2014/12/23 职场文书
工作自我评价范文
2015/03/05 职场文书
自荐信格式模板
2015/03/27 职场文书
党支部考察意见范文
2015/06/02 职场文书
婚宴祝酒词大全
2015/08/10 职场文书
vue3使用vue-router的完整步骤记录
2021/06/20 Vue.js
Python if else条件语句形式详解
2022/03/24 Python
CSS的calc函数用法小结
2022/06/25 HTML / CSS