如何在 JavaScript 中停止 setInterval() 调用
答案:使用clearInterval()方法
setInterval() 方法返回唯一标识区间的区间 ID。 您可以将此间隔 ID 传递给全局 clearInterval() 方法以取消或停止 setInterval() 调用。
让我们试试下面的例子来了解它的基本工作原理:
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript 停止 setInterval() 调用</title>
</head>
<body>
<p>Press start/stop button to start/stop setInterval() call.</p>
<button type="button" id="startBtn">Start</button>
<button type="button" id="stopBtn">Stop</button>
<div id="myDiv"></div>
<script>
var intervalID;
/* 重复调用的函数 */
function sayHello(){
document.getElementById("myDiv").innerHTML += '<p>Hello World!</p>';
}
/* 开始 setInterval 调用的函数 */
function start(){
intervalID = setInterval(sayHello, 1000);
}
/* 停止 setInterval 调用的函数 */
function stop(){
clearInterval(intervalID);
}
document.getElementById("startBtn").addEventListener("click", start);
document.getElementById("stopBtn").addEventListener("click", stop);
</script>
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答:
