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开发包大全整理
Dec 22 Javascript
删除Javascript Object中间的key
Nov 18 Javascript
jQuery表单美化插件jqTransform使用详解
Apr 12 Javascript
JavaScript操作表单实例讲解(上)
Jun 20 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
利用JQuery实现datatables插件的增加和删除行功能
Jan 06 Javascript
使用JavaScript进行表单校验功能
Aug 01 Javascript
vue中如何创建多个ueditor实例教程
Nov 14 Javascript
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
Dec 27 Javascript
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
vue项目中axios请求网络接口封装的示例代码
Dec 18 Javascript
vue-cli3 从搭建到优化的详细步骤
Jan 20 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
国内php原创论坛
2006/10/09 PHP
PHP 面向对象实现代码
2009/11/11 PHP
php中将时间差转换为字符串提示的实现代码
2011/08/08 PHP
Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 2611816 bytes)
2014/11/08 PHP
PHP图片处理之图片背景、画布操作
2014/11/19 PHP
PHP错误处理函数register_shutdown_function使用示例
2017/07/03 PHP
php实现等比例压缩图片
2018/07/26 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
js 匿名调用实现代码
2009/06/19 Javascript
拖动布局之保存布局页面cookies篇
2010/10/29 Javascript
JS中怎样判断undefined(比较不错的方法)
2014/03/27 Javascript
jquery的ajax异步请求接收返回json数据实例
2014/06/16 Javascript
javascript实现回到顶部特效
2015/05/06 Javascript
使用coffeescript编写node.js项目的方法汇总
2015/08/05 Javascript
前端js实现文件的断点续传 后端PHP文件接收
2016/10/14 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
详解angular部署到iis出现404解决方案
2018/08/14 Javascript
详解vue-element Tree树形控件填坑路
2019/03/26 Javascript
React 条件渲染最佳实践小结(7种)
2020/09/27 Javascript
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
网站渗透常用Python小脚本查询同ip网站
2017/05/08 Python
Python定时任务随机时间执行的实现方法
2019/08/14 Python
详解python中的生成器、迭代器、闭包、装饰器
2019/08/22 Python
Pandas的数据过滤实现
2021/01/15 Python
7款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
2013/02/04 HTML / CSS
HTML5新特性之type=file文件上传功能
2018/02/02 HTML / CSS
德国在线购买葡萄酒网站:Geile Weine
2019/09/24 全球购物
Flesh Beauty官网:露华浓集团旗下彩妆品牌
2021/02/15 全球购物
标记环介质访问控制协议
2016/03/27 面试题
会议邀请书范文
2014/02/02 职场文书
整改报告格式
2014/11/06 职场文书
简历自荐信范文
2015/03/09 职场文书
高中班长竞选稿
2015/11/20 职场文书
会议承办单位欢迎词
2019/07/09 职场文书
uniapp引入支付宝原生扫码插件步骤详解
2022/07/23 Javascript
Go语言编译原理之源码调试
2022/08/05 Golang