您的位置：首页 > 编程技术 > js  >  JS定时器实例详细分析

JS定时器实例详细分析

 更新时间：2013年10月13日 07:27  点击：1829

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对象

[!--infotagslink--]

相关文章

  • Vue如何优雅的清除定时器

    定时器如果不及时合理地清除，会造成业务逻辑混乱甚至应用卡死的情况，这个时就需要清除定时器，本文就介绍了Vue如何优雅的清除定时器，感兴趣的可以了解一下...2021-07-22

  • C#定时器实现自动执行的方法

    这篇文章主要介绍了C#定时器实现自动执行的方法,实例分析了C#定时器参数的设置及方法的调用与实现,需要的朋友可以参考下...2020-06-25

  • 详解C#中的System.Timers.Timer定时器的使用和定时自动清理内存应用

    这篇文章主要介绍了详解C#中的System.Timers.Timer定时器的使用和定时自动清理内存应用,需要的朋友可以参考下...2020-06-25

  • BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)

    这篇文章主要介绍了BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟) 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下...2016-08-24

  • BOM系列第二篇之定时器requestAnimationFrame

    这篇文章主要介绍了BOM系列第二篇之定时器requestAnimationFrame 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下...2016-08-24

  • Qt定时器和随机数详解

    在前一篇中我们介绍了键盘和鼠标事件，其实还有一个非常常用的事件，就是定时器事件，如果要对程序实现时间上的控制，那么就要使用到定时器。而随机数也是很常用的一个功能，在我们要想产生一个随机的结果时就要使用到随机数。本文我们就来简单介绍一下定时器和随机数。...2020-04-25

  • js定时器怎么写？就是在特定时间执行某段程序

    复制代码 代码如下: $(function(){ var handler = function(){ } var timer = setInterval( handler , 1000); var clear = function(){ clearInterval(timer); } }); 我要在定时里面加一个页面跳转，然后在页面lo...2013-10-13

  • C# 定时器定时更新的简单实例

    这篇文章主要介绍了C#中定时器定时更新的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助...2020-06-25

  • JavaScript 定时器详情

    这篇文章主要介绍了JavaScript 定时器，在JavaScript中定时器有两个 setInterval() 与 setTimeout() 分别还有取消定时器的方法，下面来看看文章的详细介绍...2021-11-10

  • c# 区分几种定时器（timer）

    这篇文章主要介绍了c# 几种定时器（timer）的区别，文中讲解非常细致，帮助大家更好的理解和学习，感兴趣的朋友可以了解下...2020-07-13

  • C#中timer定时器用法实例

    这篇文章主要介绍了C#中timer定时器用法,实例分析了timer定时器实现定时触发事件的技巧,需要的朋友可以参考下...2020-06-25

  • 解决js中的setInterval清空定时器不管用问题

    这篇文章主要介绍了解决js中的setInterval清空定时器不管用问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-11-18

  • c# 在windows服务中 使用定时器实例代码

    这篇文章主要介绍了c# 在windows服务中 使用定时器实例代码，有需要的朋友可以参考一下...2020-06-25

  • C语言实现多线程定时器实例讲解

    在本篇文章里小编给各位分享的是一篇关于C语言实现多线程定时器实例讲解内容，有需要的朋友们可以参考学习下。...2021-01-03

  • libevent库的使用--定时器的使用实例

    这篇文章主要介绍了libevent库的使用--定时器的使用实例，有需要的朋友可以参考一下...2020-04-25

  • Cocos2d-x Schedule定时器的使用实例

    这篇文章主要介绍了Cocos2d-x Schedule定时器的使用实例,本文的讲解内容包含在代码注释中,需要的朋友可以参考下...2020-04-25

  • 理解javascript定时器中的setTimeout与setInterval

    这篇文章主要帮助大家学习理解javascript定时器中的setTimeout与setInterval，从实例出发进行深入探讨，感兴趣的小伙伴们可以参考一下...2016-02-26

  • PHP定时器实现每隔几秒运行一次

    php是服务器端脚本了并不像js那样有专业的settimeout函数来定时执行了，但只要浏览器不关闭各阶层是可以做到了，下面一起来看看。 下面写个简单例子来讲解这个方法...2016-11-25

  • C#定时器和随机数

    在前一篇中我们介绍了键盘和鼠标事件，其实还有一个非常常用的事件，就是定时器事件，如果要对程序实现时间上的控制，那么就要使用到定时器。而随机数也是很常用的一个功能，在我们要想产生一个随机的结果时就要使用到随机数。本文我们就来简单介绍一下定时器和随机数。...2020-06-25

  • BOM系列第一篇之定时器setTimeout和setInterval

    这篇文章主要介绍了BOM系列第一篇之定时器setTimeout和setInterval 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下...2016-08-24