この記事では、JavaScriptの2つの連続したボタンクリック間の時間間隔を設定する方法について説明し、参照のために共有されています。特定の実装方法は次のとおりです。
実際のアプリケーションで何度も、ボタンを途切れることなくクリックしたくない場合があるため、特定の時間間隔を制限してボタンをもう一度クリックする必要があります。コードの例を介してこの関数を実装する方法を紹介しましょう。コードは次のとおりです。
次のようにコードをコピーします：<！doctype html>
<html>
<head>
<メタcharset = "utf-8">
<Meta name = "Author" content = "// www.vevb.com/"/>
<title> wulin.com </title>
<script type = "text/javascript">
window.onload = function（）{
var odiv = document.getElementById（ "thediv"）;
var obk = document.getElementById（ "bt"）;
var count = 0;
var flag = null;
関数done（）{
if（count == 0）{
ClearInterval（flag）;
}
それ以外{
count = count-1;
}
}
obt.onclick = function（）{
var val = parseint（odiv.innerhtml）;
if（count == 0）{
odiv.innerhtml = val+1;
count = 20;
flag = setInterval（done、1000）;
}
それ以外{
alert（ ""+（count）+"seconds on click"も必要です」）;
}
}
}
</script>
</head>
<body>
<div id = "thediv"> 0 </div>
<input type = "button" id = "bt" value = "view effect"/>
</body>
</html>
上記のコードは当社の要件を実装し、ボタンをクリックする間隔時間を制限できます。この効果は、投稿の間隔時間などを制限するなど、他の機能に拡張できます。以下に実装プロセスを導入しましょう。
コードのコメントは次のとおりです。
1.window.onload = function（）{}。これは、ドキュメントコンテンツが完全にロードされた後に関数のコードが実行されることを指定することです。
2.Var odiv = document.getElementById（ "thediv"）、div要素オブジェクトを取得します。
3.Var obk = document.getElementById（ "BT"）、ボタンオブジェクトを取得します。
4.Var count = 0、変数を宣言し、初期値を0に割り当てます。これは、間隔時間を保存するために使用されます。
5.VARフラグ= null、変数を宣言し、初期値をnullに割り当てます。この変数は、タイマー関数の返品値を保存するために使用されます。
6.機能done（）{}、この関数は、カウントを減らすためにタイマー関数によって継続的に呼び出されます。
7.if（count == 0）{clearInterval（flag）;}、count == 0の場合、タイマー関数の実行が停止します。
8.ELSE {count = count-1;}は、0に等しくない場合は、減少操作を実行します。
9.obt.onclick = function（）{}、ボタンのクリックイベント処理機能を登録します。
10.Var val = parseint（odiv.innerhtml）、divでコンテンツを取得して整数に変換します。
11.if（count == 0）{
odiv.innerhtml = val+1;
count = 20;
flag = setInterval（done、1000）;
}
カウントが0に等しい場合、divで+1、および設定が20にカウントされ、タイマー関数の実行がオンになります。
12.else {alert（ ""+（count）+"seconds on click"）;}、countがゼロに等しくない場合、ポップアップ時にクリックするのにどれくらい時間がかかりますか？
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。