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 相关文章推荐
js中typeof的用法汇总
Dec 12 Javascript
JavaScript调试技巧之console.log()详解
Mar 19 Javascript
使用jQuery和Bootstrap实现多层、自适应模态窗口
Dec 22 Javascript
JQuery中的事件及动画用法实例
Jan 26 Javascript
jQuery实现仿新浪微博浮动的消息提示框(可智能定位)
Oct 10 Javascript
javascript图片延迟加载实现方法及思路
Dec 31 Javascript
headjs实现网站并行加载但顺序执行JS
Nov 29 Javascript
JS简单获取当前日期和农历日期的方法
Apr 17 Javascript
微信小程序自定义模态对话框实例详解
Aug 16 Javascript
对vue中methods互相调用的方法详解
Aug 30 Javascript
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
vue3语法糖内的defineProps及defineEmits
Apr 14 Vue.js
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
Phpbean路由转发的php代码
2008/01/10 PHP
php 冒泡排序 交换排序法
2011/05/10 PHP
PHP中的use关键字概述
2014/07/23 PHP
PHP实现自动登入google play下载app report的方法
2014/09/23 PHP
php实现的click captcha点击验证码类实例
2014/09/23 PHP
yii2.0使用Plupload实现带缩放功能的多图上传
2015/12/22 PHP
Yii2创建多界面主题(Theme)的方法
2016/10/08 PHP
php面试实现反射注入的详细方法
2019/09/30 PHP
php array_map()函数实例用法
2021/03/03 PHP
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
2016/05/24 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
2016/12/08 Javascript
AngularJS表单验证功能分析
2017/05/26 Javascript
详细AngularJs4的图片剪裁组件的实例
2017/07/12 Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
2017/07/13 Javascript
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
2019/01/15 Javascript
React中使用UMEditor的方法示例
2019/12/27 Javascript
JS实现放烟花效果
2020/03/10 Javascript
vue大型项目之分模块运行/打包的实现
2020/09/21 Javascript
vue-video-player 断点续播的实现
2021/02/01 Vue.js
[02:09]抵达西雅图!中国军团加油!
2014/07/07 DOTA
深入了解Python数据类型之列表
2016/06/24 Python
python非递归全排列实现方法
2017/04/10 Python
Python2.7 实现引入自己写的类方法
2018/04/29 Python
python基于K-means聚类算法的图像分割
2019/10/30 Python
Pytorch损失函数nn.NLLLoss2d()用法说明
2020/07/07 Python
轻松制作精彩视频:Animoto
2018/09/19 全球购物
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
培训演讲稿范文
2014/01/12 职场文书
幼教毕业生自我鉴定
2014/01/12 职场文书
前处理组长岗位职责
2014/03/01 职场文书
团队经理竞聘书
2014/03/31 职场文书
AJAX学习笔记
2021/05/18 Javascript
js Proxy的原理详解
2021/05/25 Javascript
Python基于百度API识别并提取图片中文字
2021/06/27 Python
深入理解Pytorch微调torchvision模型
2021/11/11 Python