JavaScriptにおけるclearInterval()メソッドの使い方と定義の詳しい説明-jsチュートリアル-php.cn

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

黄舟

リリース： 2017-12-04 09:44:04

オリジナル

7440 人が閲覧しました

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 サイトの他の関連記事を参照してください。