JavaScript中停止执行setInterval和setTimeout事件的方法_停止setTimeout

526 浏览量更新于2023-05-26 评论收藏 33KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

JavaScript中停止执行中停止执行setInterval和和setTimeout事件的方法事件的方法

js 代码中执行循环事件时，经常会用到 setInterval 和 setTimeout 这两个方法，关于这两个方法的细节这里不详细讨论了，简

要分享下在需要停止循环事件的时候该如何操作。

（1）setInterval 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式，停止该方法可使用 clearInterval 方法。具体

示例如下：

代码如下:

<html>

<body>

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>

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>

</body>

</html>

clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

语法 clearTimeout(id_of_settimeout)

参数 id_of_setinterval 表示由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

weixin_38642735

粉丝: 3
资源: 952

会员权益专享

JavaScript中停止执行setInterval和setTimeout事件的方法

评论0

会员权益专享

最新资源

JavaScript中停止执行setInterval和setTimeout事件的方法

评论0

setinterval和settimeout区别

js settimeout和setinterval

setinterval和settimeout

settimeout模拟setinterval

settimeout和setinterval区别

settimeout和setinterval

如何使用settimeout模拟setinterval效果

javascript setinterval

setTimeout与setInterval的区别

settimeout与setinterval

setinterval setitmeout的区别

解释JavaScript中定时器的工作？如果有，也可以说明使用定时器的缺点？

uniapp中延时执行任务的方法

js定时任务，每小时的31、41分钟时执行

小程序settimeout

MacroTask和MicroTask区别

浏览器会将 setTimeout 或 setInterval 的五层或更多层嵌套调用（调用五次之后）的最小延时限制在 4ms。这是历史遗留问题。

js中使用settimeout方法绘制一个运动的圆弧

如何在 HTML 页面中使用 JavaScript 代码来创建动画效果

js如何去编写一个可以长时间运行的程序

会员权益专享

最新资源