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中的事件机制
Jun 04 Javascript
jQuery代码实现表格中点击相应行变色功能
May 09 Javascript
基于Bootstrap3表格插件和分页插件实例详解
May 17 Javascript
手机图片预览插件photoswipe.js使用总结
Aug 25 Javascript
深入探讨Vue.js组件和组件通信
Sep 12 Javascript
js实现模糊匹配功能
Feb 15 Javascript
详解npm 配置项registry修改为淘宝镜像
Sep 07 Javascript
Node.js实现一个HTTP服务器的方法示例
May 13 Javascript
微信小程序模板消息推送的两种实现方式
Aug 27 Javascript
Vue 实现创建全局组件,并且使用Vue.use() 载入方式
Aug 11 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
Aug 12 Javascript
vue中的.$mount('#app')手动挂载操作
Sep 02 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导入excel文件到mysql数据库的方法
2015/01/14 PHP
[原创]PHP简单开启curl的方法(测试可行)
2016/01/11 PHP
php制作简单模版引擎
2016/04/07 PHP
非集成环境的php运行环境(Apache配置、Mysql)搭建安装图文教程
2016/04/12 PHP
《JavaScript DOM 编程艺术》读书笔记之DOM基础
2015/01/09 Javascript
js常用系统函数用法实例分析
2015/01/12 Javascript
js实现的捐赠管理完整实例
2015/01/20 Javascript
AngularJS使用自定义指令替代ng-repeat的方法
2016/09/17 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
2018/10/24 Javascript
vue中使用better-scroll实现滑动效果及注意事项
2018/11/15 Javascript
详解vue中$nextTick和$forceUpdate的用法
2019/12/11 Javascript
详解Python中expandtabs()方法的使用
2015/05/18 Python
python删除特定文件的方法
2015/07/30 Python
Django的信号机制详解
2017/05/05 Python
Python元组操作实例分析【创建、赋值、更新、删除等】
2017/07/24 Python
Python设计模式之职责链模式原理与用法实例分析
2019/01/11 Python
wxPython实现绘图小例子
2019/11/19 Python
Python生成词云的实现代码
2020/01/14 Python
Python递归实现打印多重列表代码
2020/02/27 Python
三步解决python PermissionError: [WinError 5]拒绝访问的情况
2020/04/22 Python
python os模块在系统管理中的应用
2020/06/22 Python
Prometheus开发中间件Exporter过程详解
2020/11/30 Python
python 监控服务器是否有人远程登录(详细思路+代码)
2020/12/18 Python
如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度
2019/08/01 HTML / CSS
师范学院毕业生求职信范文
2013/12/26 职场文书
十岁生日父母答谢词
2014/01/18 职场文书
收银员岗位职责
2014/02/07 职场文书
乡镇消防工作实施方案
2014/03/27 职场文书
蓝颜请假条
2014/04/11 职场文书
新年晚会主持词开场白
2015/05/28 职场文书
于丹论语心得观后感
2015/06/15 职场文书
铁头也玩根德 YachtBoy YB-230......
2022/04/05 无线电
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python
python神经网络Xception模型
2022/05/06 Python
SQL Server2019安装的详细步骤实战记录(亲测可用)
2022/06/10 SQL Server