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

黄舟
Libérer: 2017-12-04 09:44:04
original
7494 Les gens l'ont consulté

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)
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal