不同的是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
1/2 1