JS定时器实例详细分析

 更新时间:2013年10月11日 15:25:57   作者:  
在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对象

相关文章

  • 鼠标滑在标题上显示图片的JS代码

    鼠标滑在标题上显示图片的JS代码

    这篇文章主要介绍了鼠标滑在标题上显示图片的JS代码,有需要的朋友可以参考一下
    2013-11-11
  • 详解ES6中的代理模式——Proxy

    详解ES6中的代理模式——Proxy

    这篇文章主要介绍了详解ES6中的代理模式——Proxy,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • 小程序点餐界面添加购物车左右摆动动画

    小程序点餐界面添加购物车左右摆动动画

    这篇文章主要介绍了小程序点餐界面添加购物车左右摆动动画,当用户点击添加到购物车后会有一个左右摆动的购物车提示效果,代码简单易懂,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2020-09-09
  • js css+html实现简单的日历

    js css+html实现简单的日历

    这篇文章主要为大家详细介绍了由html、css、javascript结合实现的简单日历,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • webpack4升级到webpack5的实战经验总结

    webpack4升级到webpack5的实战经验总结

    有些老项目的包长时间没有更新,导致项目中有些性能问题,在项目迭代中考虑升级包,下面这篇文章主要给大家介绍了关于webpack4升级到webpack5的实战经验,需要的朋友可以参考下
    2022-08-08
  • JavaScript插件化开发教程 (四)

    JavaScript插件化开发教程 (四)

    这篇文章主要介绍了JavaScript插件化开发教程第四篇,需要的朋友可以参考下
    2015-01-01
  • JavaScript自学笔记(必看篇)

    JavaScript自学笔记(必看篇)

    下面小编就为大家带来一篇JavaScript自学笔记(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • 微信小程序uploadFile接口实现文件上传

    微信小程序uploadFile接口实现文件上传

    这篇文章主要介绍了微信小程序uploadFile接口实现文件上传流程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • JsEasy简介 JsEasy是什么?与下载

    JsEasy简介 JsEasy是什么?与下载

    JsEasy简介 JsEasy是什么?与下载...
    2007-03-03
  • js获取对象属性值的两种方法使用总结

    js获取对象属性值的两种方法使用总结

    这篇文章主要给大家介绍了关于js获取对象属性值的两种方法使用,分别是通过.获取和通过[]获取这两种方法,文中介绍了详细的方法和不同点,需要的朋友可以参考下
    2023-05-05

最新评论