js停止setInterval 调用
原创js停止setInterval 调用
原创
IT工作者
修改于 2022-01-18 14:16:52
修改于 2022-01-18 14:16:52
代码可运行
运行总次数：0
代码可运行
setInterval（）返回一个interval ID，您可以将其传递给clearInterval（）：
案例代码如下：
var refreshIntervalId = setInterval(fname, 10000);
/* 一段间隔时间之后 */
clearInterval(refreshIntervalId);下面看两个小demo：
1、获得当前日期并让它显示在文本框内，点击“stop”按钮后事件静止。（间歇调用）
HTML代码：
<input type="text" size="50" id="clock" />
<input type="button" value="Stop" id="btn" />function clock(){
var time = new Date();
document.getElementById("clock").value = time;
var btn =document.getElementById("btn");
btn.onclick = function(){
clearInterval(t);
}
}
var t = setInterval(clock,1000);2、使用setTimeou()实现计数统计效果，并在文本框中显示数值。
HTML代码：
input type="text" id="count" />JavaScript代码：
var num = 0;
function startCount(){
document.getElementById("count").value = num;
num += 1;
setTimeout(startCount,1000); //setTimeout是超时调用，使用递归模拟间歇调用
}
setTimeout(startCount,1000); //1s后执行原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
腾讯云开发者
