源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JavaScript setTimeout和setInterval的使用方法 说明

  • 时间:2020-02-11 16:51 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JavaScript setTimeout和setInterval的使用方法 说明
不同的是setInterval会每隔指定的时间段就执行一次代码,具有重复性。而setTimeout只会调用后执行一次。 下面通过函数的建立和函的自动删除来深刻理解两个函数; [b]1.函数的建立[/b] setTimeOut的建立:
[u]复制代码[/u] 代码如下:
showTime(); function showTime() { var today = new Date(); alert("The time is: " + today.toString()); setTimeout("showTime()", 5000); }
调用函数后五秒钟才会执行一次showtime函数 setInterval的建立
[u]复制代码[/u] 代码如下:
setInterval("showTime()", 5000); function showTime() { var today = new Date(); alert("The time is: " + today.toString()); }
总结:貌似两个函数的结果相似,其实不然第二个函数会反复的报时,直到该网页被关闭。 两个函数的消除: setTimeout的消除使用 clearTimeout()函数;调用的实例:
[u]复制代码[/u] 代码如下:
var timeoutProcess = setTimeout("alert('GOAL!')", 3000); var stopGoalLink = document.getElementById("stopGoalLink"); attachEventListener(stopGoalLink, "click", stopGoal, false);//加入事件函数,参数为(目标;事件;调用的函数;是否冒泡) function stopGoal() { clearTimeout(timeoutProcess); }
setInterval的消除
[u]复制代码[/u] 代码如下:
var timeoutProcess = setTimeout("alert('GOAL!')", 3000); var stopGoalLink = document.getElementById("stopGoalLink"); attachEventListener(stopGoalLink, "click", stopGoal, false);//加入事件函数,参数为(目标;事件;调用的函数;是否冒泡) function stopGoal() { clearInterval(timeoutProcess); }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部