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 相关文章推荐
JQuery扩展插件Validate 5添加自定义验证方法
Sep 05 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
Sep 02 Javascript
jQuery的each终止或跳过示例代码
Dec 12 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
May 18 Javascript
js实现带圆角的两级导航菜单效果代码
Aug 24 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
Feb 15 Javascript
Vue请求JSON Server服务器数据的实现方法
Nov 02 Javascript
详解如何使用router-link对象方式传递参数?
May 02 Javascript
详解Jest结合Vue-test-utils使用的初步实践
Jun 27 Javascript
Vue v-for循环之@click点击事件获取元素示例
Nov 09 Javascript
jQuery 选择器用法基础入门示例
Jan 04 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页面消耗内存过大的处理办法
2013/03/18 PHP
php实现批量压缩图片文件大小的脚本
2014/07/04 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
JS 学习笔记 防止发生命名冲突
2009/07/30 Javascript
jQuery 使用手册(七)
2009/09/23 Javascript
Javascript 判断是否存在函数的方法
2013/01/03 Javascript
js控制frameSet示例
2013/09/10 Javascript
javascript模拟枚举的简单实例
2014/03/06 Javascript
jquery高级编程的最佳实践详解
2014/03/23 Javascript
Node.js编码规范
2014/07/14 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
2015/09/22 Javascript
jquery使用on绑定a标签无效 只能用live解决
2016/06/02 Javascript
Angular企业级开发——MVC之控制器详解
2017/02/20 Javascript
AngularJS表格样式简单设置方法示例
2017/03/03 Javascript
微信小程序图片横向左右滑动案例
2017/05/19 Javascript
AngularJS日期格式化常见操作实例分析
2018/05/17 Javascript
Python的多态性实例分析
2015/07/07 Python
python检测主机的连通性并记录到文件的实例
2018/06/21 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
Python中super函数用法实例分析
2019/03/18 Python
python实现简单加密解密机制
2019/03/19 Python
PyQt5多线程刷新界面防假死示例
2019/12/13 Python
python中uuid模块实例浅析
2020/12/29 Python
Python wordcloud库安装方法总结
2020/12/31 Python
CSS3 渐变(Gradients)之CSS3 线性渐变
2016/07/08 HTML / CSS
css3实现3D色子翻转特效
2014/12/23 HTML / CSS
CSS3实现大小不一的粒子旋转加载动画
2016/04/21 HTML / CSS
CK巴西官方网站:Calvin Klein巴西
2019/07/19 全球购物
Can a struct inherit from another struct? (结构体能继承结构体吗)
2016/09/25 面试题
项目经理的岗位职责
2013/11/23 职场文书
酒店行政人事部经理职务说明书
2014/02/26 职场文书
槐乡的孩子教学反思
2014/04/27 职场文书
学校交通安全责任书
2014/08/25 职场文书
经贸日语专业自荐信
2014/09/02 职场文书
烈士陵园扫墓感想
2015/08/07 职场文书
Java 数组内置函数toArray详解
2021/06/28 Java/Android