JS定时器实例

 更新时间:2013年04月17日 22:08:09   作者:  
在javascritp中,有两个关于定时器的专用函数

分别为:
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中的Promise详解

    JavaScript中的Promise详解

    现在网上有非常多的Promise文章,但都是给你一堆代码,或者某些核心代码,让你看完之后感觉,嗯,很厉害,但还是不知所云,不知其所以然。那么本文真正从一个小白开始带你深入浅出,一步一步实现自己的 Promise,这种自己造轮子的过程一定是进步最快的过程,快上车开始吧
    2022-11-11
  • JS出现失效的情况总结

    JS出现失效的情况总结

    本篇文章主要对JS出现失效的情况进行总结。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • es6中的解构赋值、扩展运算符和rest参数使用详解

    es6中的解构赋值、扩展运算符和rest参数使用详解

    这篇文章分别给大家介绍了关于es6中解构赋值、扩展运算符和rest参数使用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-09-09
  • 用js解决数字不能换行问题

    用js解决数字不能换行问题

    当一串数字的时候,很多浏览器不能自动换行,所以可以借助js来实现。
    2010-08-08
  • 一文搞懂JavaScript中的this绑定规则

    一文搞懂JavaScript中的this绑定规则

    这篇文章主要为大家详细介绍了原生JS之this绑定规则,这样大家再也不用担心this指向问题了。文中的示例代码讲解详细,需要的可以参考一下
    2022-09-09
  • Bootstrap导航条的使用和理解3

    Bootstrap导航条的使用和理解3

    这篇文章主要为大家详细介绍了关于Bootstrap导航条的使用和理解的学习记录,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 微信小程序动态设置图片大小的方法

    微信小程序动态设置图片大小的方法

    这篇文章主要介绍了微信小程序动态设置图片大小的方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-11-11
  • uni-app微信小程序之红包雨活动完整源码

    uni-app微信小程序之红包雨活动完整源码

    最近公司需求做一个微信红包雨功能,这里给大家总结下实现的方法,这篇文章主要给大家介绍了关于uni-app微信小程序之红包雨活动的相关资料,需要的朋友可以参考下
    2024-01-01
  • 浏览器加载、渲染和解析过程黑箱简析

    浏览器加载、渲染和解析过程黑箱简析

    浏览器加载、渲染和解析过程的黑箱分析,对于渲染,利用 Fiddler 将网速调慢,可以看到 css 下载后会马上渲染到页面,渲染和下载同步进行,需要的朋友可以参考下
    2012-11-11
  • js打开windows上的可执行文件示例

    js打开windows上的可执行文件示例

    这篇文章主要介绍了js如何打开windows上的可执行文件,需要的朋友可以参考下
    2014-05-05

最新评论