JavaScript中停止执行setInterval和setTimeout事件的方法
js 代码中执行循环事件时，经常会用到 setInterval 和 setTimeout 这两个方法，关于这两个方法的细节这里不详细讨论了，简要分享下在需要停止循环事件的时候该如何操作。
（1）setInterval 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式，停止该方法可使用 clearInterval 方法。具体示例如下：
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<input type="text" id="clock" size="50" />
<script language=javascript>
var int=self.setInterval("clock()",50);//每隔 50 毫秒调用 clock() 函数
function clock(){
var t=new Date();
document.getElementById("clock").value=t;
}
</script>
<button onclick="window.clearInterval(int)">停止 interval</button>
</body>
</html>
语法 clearInterval(id_of_setinterval)
参数 id_of_setinterval 表示由 setInterval() 返回的 ID 值。
clearInterval() 方法可取消由 setInterval() 设置的 timeout；clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。
（2）setTimeout 方法用于在指定的毫秒数后调用函数或计算表达式。停止该方法可使用 clearTimeout 方法。具体示例如下：
提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var c=0;
var t;
function timedCount(){
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}
function stopCount(){
clearTimeout(t);
}
</script>
</head>
<body>
<input type="button" value="开始计数" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止计数" onClick="stopCount()">
</body>
</html>
clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。
语法 clearTimeout(id_of_settimeout)
参数 id_of_setinterval 表示由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
-
问题内容： 我用来在JavaScript中每10秒调用一次函数。是否可以在某个事件中停止调用它？ 我希望用户能够停止重复刷新数据。 问题答案： 返回一个间隔ID，您可以将其传递给： 请参阅该文档为和。
-
问题内容： 据我所知，这两段JavaScript的行为方式相同： 选项A： 选项B： 使用setTimeout和setInterval之间有什么区别？ 问题答案： 他们本质上试图做同样的事情，但是这种方法比该方法更加准确，因为要等待1000ms，然后运行该函数，然后设置另一个超时。因此，等待时间实际上超过了1000毫秒（如果函数执行时间较长，则等待时间会更长）。 尽管有人可能会认为将执行完全相同每
-
由于 JavaScript 是异步的，可以使用 setTimeout 和 setInterval 来计划执行函数。 注意: 定时处理不是 ECMAScript 的标准，它们在 DOM (文档对象模型) 被实现。 function foo() {} var id = setTimeout(foo, 1000); // 返回一个大于零的数字 当 setTimeout 被调用时，它会返回一个 ID 标
-
问题内容： 我想停止处理程序中的此间隔重复运行。那有可能吗？ 问题答案： 您需要在点击处理程序范围内将的返回值设置为变量，然后像这样使用：
-
有时我们并不想立即执行一个函数，而是等待特定一段时间之后再执行。这就是所谓的“计划调用（scheduling a call）”。 目前有两种方式可以实现： setTimeout 允许我们将函数推迟到一段时间间隔之后再执行。 setInterval 允许我们重复运行一个函数，从一段时间间隔之后开始运行，之后以该时间间隔连续重复运行该函数。 这两个方法并不在 JavaScript 的规范中。但是大多数
-
本文向大家介绍JavaScript定时器setTimeout()和setInterval()详解，包括了JavaScript定时器setTimeout()和setInterval()详解的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了JavaScript定时器的具体方法，供大家参考，具体内容如下 1、 超时调用setTimeout() 顾名思义，超时调用的意思就是在一段实际之后调用（