cari

Rumah  >  Artikel  >  hujung hadapan web  >  JavaScript中clearInterval()方法的使用与定义详解

JavaScript中clearInterval()方法的使用与定义详解

黄舟
黄舟asal
2017-12-04 09:44:047460semak imbas

经常使用JavaScript的小伙伴对clearInterval()方法应该有一些了解， 能够取消setInterval()方法设置的定时器，可能有些小伙伴还不是很了解，今天就给大家介绍clearInterval()方法的定义和用法！

此方法能够取消setInterval()方法设置的定时器。

此方法的参数必须是要取消相应的setInerval()方法的返回值。

点击可参阅更多window对象的属性和方法。

语法结构:

clearInterval(id)

参数列表:

参数 描述
id 必需。此id是setInerval()的返回值，是此setInerval()方法的唯一标识。

浏览器支持:

（1）.IE浏览器支持此属性。
（2）.Firefox浏览器支持此属性。
（3）.Opera浏览器支持此属性。
（4）.chrome浏览器支持此属性。
（5）.safria浏览器支持此方法。

代码实例:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.softwhy.com/" />
<title>window对象的clearInterval()方法 -蚂蚁部落</title>
<style type="text/css">
#num{
 width:100px;
 height:100px;
 text-align:center;
 line-height:100px;
 background-color:green;
 margin:50px auto 0px auto;
 color:red;
}
#btp{
 width:76px;
 height:76px;
 margin:0px auto;
}
</style>
<script type="text/javascript">
var a=0;
window.onload=function(){
 var num=document.getElementById("num");
 var bt=document.getElementById("bt");
 function jisuan(){
 num.innerHTML=a;
 a=a+1;
 }
 var flag=setInterval(jisuan,1000);
 bt.onclick=function(){
 clearInterval(flag);
 }
}
</script>
</head>
<body>
<p id="num"></p>
<p id="btp"><button id="bt">点击取消</button></p>
</body>
</html>

总结：

本文使用实例为大家介绍了JavaScript中clearInterval()方法的使用，相信很多小伙伴对此都有一定的了解！，希望对你的工作有所帮助！

相关推荐：

setInterval与clearInterval的使用示例代码

setinterval()与clearInterval()JS函数的调用方法

js clearInterval()方法的定义和用法

Atas ialah kandungan terperinci JavaScript中clearInterval()方法的使用与定义详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：如何能让js模块变得更好用Artikel seterusnya：JS切换图片幻灯切换效果

Artikel berkaitan

Lihat lagi