ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptにおけるclearInterval()メソッドの使い方と定義の詳しい説明

JavaScriptにおけるclearInterval()メソッドの使い方と定義の詳しい説明

黄舟
黄舟オリジナル
2017-12-04 09:44:047441ブラウズ

JavaScript をよく使う人は、 setInterval() メソッドで設定したタイマーをキャンセルできる、clearInterval() メソッドをある程度理解しているはずです。今日は、その定義と使い方を紹介します。 clearInterval() メソッド。

このメソッドはsetInterval()メソッドで設定したタイマーをキャンセルすることができます。

このメソッドのパラメータは、キャンセルされる対応する setInerval() メソッドの戻り値である必要があります。

クリックすると、ウィンドウ オブジェクトのその他のプロパティとメソッドが表示されます。

文法構造:

clearInterval(id)

パラメータリスト:

パラメータ 説明
id 必須。この ID は setInerval() の戻り値であり、この setInerval() メソッドの一意の識別子です。

ブラウザのサポート:

(1)。
(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 Interval() メソッドの定義と使い方

以上がJavaScriptにおけるclearInterval()メソッドの使い方と定義の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。