JS定时器实例


Posted in Javascript onApril 17, 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中匿名函数,函数直接量和闭包
May 08 Javascript
出现“不能执行已释放的Script代码”错误的原因及解决办法
Aug 29 Javascript
javascript 防止刷新,后退,关闭
Aug 07 Javascript
JavaScript中valueOf函数与toString方法深入理解
Dec 02 Javascript
Angular2从搭建环境到开发步骤详解
Oct 17 Javascript
javascript图片预览和上传(兼容IE)
Mar 15 Javascript
JavaScript之Canvas_动力节点Java学院整理
Jul 04 Javascript
使用bootstrap实现下拉框搜索功能的实例讲解
Aug 10 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
Aug 11 Javascript
详解JS中统计函数执行次数与执行时间
Sep 04 Javascript
原生js实现的金山打字小游戏(实例代码详解)
Mar 16 Javascript
Vue elementui字体图标显示问题解决方案
Aug 18 Javascript
JS中showModalDialog 的使用解析
Apr 17 #Javascript
js substr支持中文截取函数代码(中文是双字节)
Apr 17 #Javascript
中文字符串截取的js函数代码
Apr 17 #Javascript
解决IE6的PNG透明JS插件使用介绍
Apr 17 #Javascript
Web跨浏览器进程通信(Web跨域)
Apr 17 #Javascript
js读写(删除)Cookie实例详解
Apr 17 #Javascript
基于dom编程中 动态创建与删除元素的使用
Apr 17 #Javascript
You might like
深入PHP与浏览器缓存的分析
2013/06/03 PHP
Laravel5.1 框架表单验证操作实例详解
2020/01/07 PHP
jQuery点击后一组图片左右滑动的实现代码
2012/08/16 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
2013/07/07 Javascript
浅析Javascript中“==”与“===”的区别
2014/12/23 Javascript
JS弹出对话框实现方法(三种方式)
2015/12/18 Javascript
基于JS实现数字+字母+中文的混合排序方法
2016/06/06 Javascript
JavaScript之WebSocket技术详解
2016/11/18 Javascript
原生js实现可拖拽效果
2017/02/28 Javascript
angular中实现控制器之间传递参数的方式
2017/04/24 Javascript
Vue.js框架路由使用方法实例详解
2017/08/25 Javascript
学习Vue组件实例
2018/04/28 Javascript
JS中验证整数和小数的正则表达式
2018/10/08 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
2019/03/15 Javascript
node 标准输入流和输出流代码实例
2019/09/19 Javascript
layui实现显示数据表格、搜索和修改功能示例
2020/06/03 Javascript
JavaScript数组常用的增删改查与其他属性详解
2020/10/13 Javascript
python定时检查某个进程是否已经关闭的方法
2015/05/20 Python
python基于multiprocessing的多进程创建方法
2015/06/04 Python
python OpenCV学习笔记实现二维直方图
2018/02/08 Python
Python使用matplotlib实现基础绘图功能示例
2018/07/03 Python
Python安装Flask环境及简单应用示例
2019/05/03 Python
Anaconda的安装及其环境变量的配置详解
2020/04/22 Python
通过Django Admin+HttpRunner1.5.6实现简易接口测试平台
2020/11/11 Python
html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因
2013/01/09 HTML / CSS
Christys’ Hats官网:英国帽子制造商
2018/11/28 全球购物
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
会计主管岗位职责
2014/01/03 职场文书
学历公证委托书
2014/04/09 职场文书
2014年标准化工作总结
2014/12/17 职场文书
员工工作表扬信
2015/05/05 职场文书
催款律师函范文
2015/05/27 职场文书
建国大业观后感800字
2015/06/01 职场文书
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
pandas提升计算效率的一些方法汇总
2021/05/30 Python
Golang解析JSON对象
2022/04/30 Golang