Définition et utilisation des compétences js clearInterval() method

Définition et utilisation des compétences js clearInterval() method_javascript

WBOY

Libérer： 2016-05-16 15:32:52

original

1264 Les gens l'ont consulté

Cette méthode peut annuler le minuteur défini par la méthode setInterval() .

Le paramètre de cette méthode doit être la valeur de retour de la méthode setInerval() correspondante pour être annulée.

Cliquez pour voir plus de propriétés et méthodes de l'objet fenêtre.

Structure grammaticale :

clearInterval(id)

Liste des paramètres :

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

Prise en charge du navigateur :

(1). Le navigateur IE prend en charge cet attribut.
(2).Le navigateur Firefox prend en charge cet attribut.
(3). Le navigateur Opera prend en charge cet attribut.
(4). Le navigateur Chrome prend en charge cet attribut.
(5).Le navigateur Safria prend en charge cette méthode.

Exemple de code :

<!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;
}
#btdiv{
 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>
<div id="num"></div>
<div id="btdiv"><button id="bt">点击取消</button></div>
</body>
</html>

Copier après la connexion

Cliquez sur le bouton avec le code ci-dessus pour annuler l'effet d'auto-incrémentation numérique.