js阻止setTimeout()方法执行源码实例

此方法可以规定在指定时间之后去执行一个函数，但是可能在实际应用中有这样的需求，那就是满足一定条件之后，阻止setTimeout()方法的执行，下面就通过代码实例介绍一下如何实现此效果。代码如下:

[ bootstrap ] 运行代码下载代码

<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<script>
window.onload=function(){
  var odiv=document.getElementById("show");
  var obt=document.getElementById("bt");
  var timer=null;
  function count(){
    odiv.innerHTML="51前端";
  }
  timer=setTimeout(count,5000);
  obt.onclick=function(){
    clearTimeout(timer);
  }
}
</script>
</head>
<body>
<div id="show"></div>
<input type="button" id="bt" value="停止运行"/>
</body>
</html>

代码描述：js 阻止setTimeout()方法执行。js阻止setTimeout()方法执行源码实例

下载全部收藏

176 235

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册