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调试之DOM断点调试法使用技巧分享
Apr 15 Javascript
Javascrip实现文字跳动特效
Nov 27 Javascript
JS实现的简单拖拽功能示例
Mar 13 Javascript
vue计算属性及使用详解
Apr 02 Javascript
让axios发送表单请求形式的键值对post数据的实例
Aug 11 Javascript
如何在Vue中使用CleaveJS格式化你的输入内容
Dec 14 Javascript
JS实现的贪吃蛇游戏完整实例
Jan 18 Javascript
Angular请求防抖处理第一次请求失效问题
May 17 Javascript
微信小程序地图绘制线段并且测量(实例代码)
Jan 02 Javascript
使用 Jest 和 Supertest 进行接口端点测试实例详解
Apr 25 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
Jun 24 Javascript
基于原生js实现判断元素是否有指定class名
Jul 11 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
为了这两部电子管收音机,买了6套全新电子管和10粒刻度盘灯泡
2021/03/02 无线电
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
use jscript List Installed Software
2007/06/11 Javascript
解析arp病毒背后利用的Javascript技术附解密方法
2007/08/06 Javascript
window.open被浏览器拦截后的自定义提示效果代码
2007/11/19 Javascript
jquery异步调用页面后台方法‏(asp.net)
2011/03/01 Javascript
THREE.JS入门教程(1)THREE.JS使用前了解
2013/01/24 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
2015/03/11 Javascript
jQuery插件form-validation-engine正则表达式操作示例
2017/02/09 Javascript
Vue实现双向数据绑定
2017/05/03 Javascript
Vue 滚动行为的具体使用方法
2017/09/13 Javascript
javascript实现Emrips反质数枚举的示例代码
2017/12/06 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
2018/05/28 Javascript
小程序云开发之用户注册登录
2019/05/18 Javascript
JavaScript代码模拟鼠标自动点击事件示例
2020/08/07 Javascript
基于Vue.js+Nuxt开发自定义弹出层组件
2020/10/09 Javascript
JS数据类型分类及常用判断方法
2020/11/19 Javascript
将图片文件嵌入到wxpython代码中的实现方法
2014/08/11 Python
Django中几种重定向方法
2015/04/28 Python
Python连接DB2数据库
2016/08/27 Python
Java与Python两大幸存者谁更胜一筹呢
2018/04/12 Python
Django中reverse反转并且传递参数的方法
2019/08/06 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
pytorch自定义二值化网络层方式
2020/01/07 Python
Python SSL证书验证问题解决方案
2020/01/13 Python
韩国三星集团旗下时尚品牌官网:SSF SHOP
2016/08/02 全球购物
毕业生的求职信范文分享
2013/12/04 职场文书
汽车专业大学生职业生涯规划范文
2014/01/07 职场文书
2014新年寄语
2014/01/20 职场文书
学者《孟子》名人名言
2019/08/09 职场文书
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
2021/05/30 Javascript
Java Spring 控制反转(IOC)容器详解
2021/10/05 Java/Android
Python实现Excel文件的合并(以新冠疫情数据为例)
2022/03/20 Python
tomcat下部署jenkins的方法
2022/05/06 Servers
mysql 排序失效
2022/05/20 MySQL
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers