ホームページ > 記事 > ウェブフロントエンド > JavaScriptにおけるclearInterval()メソッドの使い方と定義の詳しい説明
JavaScriptにおけるclearInterval()メソッドの使い方と定義の詳しい説明
- 黄舟オリジナル
- 2017-12-04 09:44:047457ブラウズ
JavaScript をよく使う人は、 setInterval() メソッドで設定したタイマーをキャンセルできる、clearInterval() メソッドをある程度理解しているはずです。今日は、その定義と使い方を紹介します。 clearInterval() メソッド。
このメソッドはsetInterval()メソッドで設定したタイマーをキャンセルすることができます。
このメソッドのパラメータは、キャンセルされる対応する setInerval() メソッドの戻り値である必要があります。
クリックすると、ウィンドウ オブジェクトのその他のプロパティとメソッドが表示されます。
文法構造:
clearInterval(id)
パラメータリスト:
ブラウザのサポート:
(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 関数呼び出しメソッド
以上がJavaScriptにおけるclearInterval()メソッドの使い方と定義の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。