Maison >interface Web >js tutoriel >Explication détaillée de l'utilisation et de la définition de la méthode clearInterval() en JavaScript

Explication détaillée de l'utilisation et de la définition de la méthode clearInterval() en JavaScript

黄舟
黄舟original
2017-12-04 09:44:047500parcourir

Les amis qui utilisent souvent JavaScript devraient avoir une certaine compréhension de la méthode clearInterval(). Elle peut annuler le minuteur défini par la méthode setInterval(). Certains amis ne la comprennent peut-être pas très bien. Aujourd'hui, je vais vous présenter la définition de. la méthode clearInterval() et son utilisation !

Cette méthode peut annuler le timer 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 de méthodes de l'objet window.

Structure de syntaxe :

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;
}
#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>

Résumé :

Les exemples de cet article présentent l'utilisation de la méthode clearInterval() en JavaScript. Je pense que de nombreux amis ont une certaine compréhension de cela ! , j'espère que cela vous sera utile dans votre travail !

Recommandations associées :

Exemple de code pour l'utilisation de setInterval et clearInterval

La méthode d'appel des fonctions JS setinterval() et clearInterval()

La définition et l'utilisation de la méthode js clearInterval()

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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