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 easyui 下loaing效果示例代码
Aug 12 Javascript
js动态设置鼠标事件示例代码
Oct 30 Javascript
JavaScript中的lastIndexOf()方法使用详解
Jun 06 Javascript
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
Jun 19 Javascript
jquery表单插件Autotab使用方法详解
Jun 24 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
Aug 24 Javascript
全面解析Node.js 8 重要功能和修复
Jun 02 Javascript
Angular将填入表单的数据渲染到表格的方法
Sep 22 Javascript
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
微信小程序实现动态设置页面标题的方法【附源码下载】
Nov 29 Javascript
vue实现自定义多选按钮
Jul 16 Javascript
vue 使用post/get 下载导出文件操作
Aug 07 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
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
开源php中文分词系统SCWS安装和使用实例
2014/04/11 PHP
phpMyAdmin自动登录和取消自动登录的配置方法
2014/05/12 PHP
laravel 5 实现模板主题功能
2015/03/02 PHP
Laravel框架用户登陆身份验证实现方法详解
2017/09/14 PHP
PHP自定义序列化接口Serializable用法分析
2017/12/29 PHP
Laravel-admin之修改操作日志的方法
2019/09/30 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
Javascript实例教程(19) 使用HoTMetal(7)
2006/12/23 Javascript
用javascript添加控件自定义属性解析
2013/11/25 Javascript
Javscript删除数组中指定元素并返回新数组
2014/03/06 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
vue.js表格分页示例
2016/10/18 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
2017/04/23 Javascript
解决vue-cli + webpack 新建项目出错的问题
2018/03/20 Javascript
Node.js模块全局安装路径配置方法
2018/05/17 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
2018/09/01 Javascript
Bootstrap 按钮样式与使用代码详解
2018/12/09 Javascript
轻松学习JavaScript函数中的 Rest 参数
2019/05/30 Javascript
Python最基本的输入输出详解
2015/04/25 Python
如何使用python爬取csdn博客访问量
2016/02/14 Python
基于pandas数据样本行列选取的方法
2018/04/20 Python
数据清洗--DataFrame中的空值处理方法
2018/07/03 Python
详解python里的命名规范
2018/07/16 Python
使用python Telnet远程登录执行程序的方法
2019/01/26 Python
python pandas写入excel文件的方法示例
2019/06/25 Python
django之使用celery-把耗时程序放到celery里面执行的方法
2019/07/12 Python
Python接口自动化系列之unittest结合ddt的使用教程详解
2021/02/23 Python
澳大利亚拥有最佳跳伞降落点和最好服务的跳伞项目运营商:Skydive Australia
2018/03/05 全球购物
瑞士设计师家具和家居饰品网上商店:Bruno Wickart
2019/03/18 全球购物
学生就业推荐信
2013/11/13 职场文书
大学军训感言1000字
2014/02/25 职场文书
工业自动化专业自荐信范文
2014/04/10 职场文书
捐款倡议书怎么写
2014/05/13 职场文书
数学教育专业求职信
2014/07/22 职场文书
教师个人工作总结范文2015
2015/10/14 职场文书