Maison > Article > interface Web > Définition et utilisation des compétences js clearInterval() method_javascript

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

WBOYoriginal: 2016-05-16 15:32:521264parcourir

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>

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

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Implémentation du menu déroulant accordéon JavaScript Compétences code_javascriptArticle suivant：Implémentation du menu déroulant accordéon JavaScript Compétences code_javascript

Articles Liés

Voir plus