作家
登录

JavaScript setTimeout和setInterval的使用方法 说明

作者: 来源:www.28hudong.com 2013-03-30 01:45:23 阅读 我要评论

不同的是setInterval会每隔指定的时间段就执行一次代码,具有重复性。而setTimeout只会调用后执行一次。 下面通过函数的建立和函的自动删除来深刻理解两个函数; 1.函数的建立 setTimeOut的建立: 复制代码 代码如下: showTime(); function showTime() { var today = new Date(); alert("The time is: " + today.toString()); setTimeout("showTime()", 5000); } 调用函数后五秒钟才会执行一次showtime函数 setInterval的建立 复制代码 代码如下: setInterval("showTime()", 5000); function showTime() { var today = new Date(); alert("The time is: " + today.toString()); } 总结:貌似两个函数的结果相似,其实不然第二个函数会反复的报时,直到该网页被关闭。 两个函数的消除: setTimeout的消除使用 clearTimeout()函数;调用的实例: 复制代码 代码如下: var timeoutProcess = setTimeout("alert('GOAL!')", 3000); var stopGoalLink = document.getElementById("stopGoalLink"); attachEventListener(stopGoalLink, "click", stopGoal, false);//加入事件函数,参数为(目标;事件;调用的函数;是否冒泡) function stopGoal() { clearTimeout(timeoutProcess); } setInterval的消除 复制代码 代码如下: var timeoutProcess = setTimeout("alert('GOAL!')", 3000); var stopGoalLink = document.getElementById("stopGoalLink"); attachEventListener(stopGoalLink, "click", stopGoal, false);//加入事件函数,参数为(目标;事件;调用的函数;是否冒泡) function stopGoal() { clearInterval(timeoutProcess); }

  推荐阅读

  jquery easyui的tabs使用时的问题

大家也可以在jquery easyui来下载,或者去官网下载和查看文档帮助。 我最近也使用了一下jquery easyui里tabs,但是发现一个问题:如果你把tabs的div开始设置为display:none,然后写个function change(){$>>>详细阅读


本文标题:JavaScript setTimeout和setInterval的使用方法 说明

地址:http://www.17bianji.com/kaifa2/JS/26802.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)