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 相关文章推荐
最简单的jQuery程序 入门者学习
Jul 09 Javascript
js局部刷新页面时间具体实现
Jul 04 Javascript
jquery实现多级下拉菜单的实例代码
Oct 02 Javascript
IE浏览器不支持getElementsByClassName的解决方法
Aug 27 Javascript
做web开发 先学JavaScript
Dec 12 Javascript
jQuery中val()方法用法实例
Dec 25 Javascript
jquery插件NProgress.js制作网页加载进度条
Jun 05 Javascript
Js 获取、判断浏览器版本信息的简单方法
Aug 08 Javascript
Vue.js实战之Vuex的入门教程
Apr 01 Javascript
jQuery.form.js的使用详解
Jun 14 jQuery
如何重置vue打印变量的显示方式
Dec 06 Javascript
Vue基于iview table展示图片实现点击放大
Aug 05 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中文件上传的安全问题
2006/10/09 PHP
Mysql中分页查询的两个解决方法比较
2013/05/02 PHP
PHP的构造方法,析构方法和this关键字详细介绍
2013/10/22 PHP
PHP防止表单重复提交的几种常用方法汇总
2014/08/19 PHP
firefox浏览器下javascript 拖动层效果与原理分析代码
2007/12/04 Javascript
基于jquery用于查询操作的实现代码
2010/05/10 Javascript
JavaScript实现表格快速变色效果代码
2015/08/19 Javascript
全面解析Bootstrap表单使用方法(表单控件)
2015/11/24 Javascript
理解javascript中的Function.prototype.bind的方法
2017/02/03 Javascript
Vue学习笔记之表单输入控件绑定
2017/09/05 Javascript
通俗易懂地解释JS中的闭包
2017/10/23 Javascript
js实现登录与注册界面
2017/11/01 Javascript
JavaScript根据json生成html表格的示例代码
2018/10/24 Javascript
浅谈Vue.set实际上是什么
2019/10/17 Javascript
vue-router之解决addRoutes使用遇到的坑
2020/07/19 Javascript
详解Typescript里的This的使用方法
2021/01/08 Javascript
Python利用itchat对微信中好友数据实现简单分析的方法
2017/11/21 Python
对python程序内存泄漏调试的记录
2018/06/11 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
django 2.2和mysql使用的常见问题
2019/07/18 Python
Django 创建新App及其常用命令的实现方法
2019/08/04 Python
Django Channel实时推送与聊天的示例代码
2020/04/30 Python
Python通过文本和图片生成词云图
2020/05/21 Python
Python实现列表索引批量删除的5种方法
2020/11/16 Python
Python爬虫实例之2021猫眼票房字体加密反爬策略(粗略版)
2021/02/22 Python
MATCHESFASHION澳大利亚/亚太地区:英国时尚奢侈品电商
2020/01/14 全球购物
大学生村官事迹材料
2014/01/21 职场文书
七年级历史教学反思
2014/02/05 职场文书
CAD制图人员的自荐信
2014/02/07 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
领导班子遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
人身意外保险授权委托书
2014/10/01 职场文书
维稳承诺书
2015/01/20 职场文书
2015自愿离婚协议书范本
2015/01/28 职场文书
起诉书格式范文
2015/05/20 职场文书
Redis主从复制操作和配置详情
2022/09/23 Redis