ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryでsettimeoutを停止する方法

jqueryでsettimeoutを停止する方法

WBOY
WBOYオリジナル
2022-04-24 17:58:074153ブラウズ

jquery では、settimeout を停止するには、clearTimeout() メソッドを使用できます。このメソッドは、setTimeout() メソッドによって設定されたタイムアウトをキャンセルするために使用されます。パラメータは、setTimeout() によって返される ID 値である必要があります。構文は「clearTimeout(ID 値 )」です。

jqueryでsettimeoutを停止する方法

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery で settimeout を停止する方法

clearTimeout() メソッドは、setTimeout() メソッドによって設定されたスケジュールされた操作をキャンセルできます。

setTimeout() メソッドによって設定されたタイムアウトをキャンセルする

clearTimeout() メソッドのパラメータは、setTimeout() によって返される ID 値である必要があります。

注: clearTimeout() メソッドを使用するには、スケジュールされた操作を作成および実行するときにグローバル変数を使用します。

myVar = setTimeout("javascript function", milliseconds);

メソッドが実行されていない場合は、clearTimeout() を使用してそれを防ぐことができます。 。

clearTimeout(id_of_settimeout)

id_of_setinterval は setTimeout() 関数呼び出し時の戻り値であり、戻り識別子をパラメータとして使用することで、setTimeout() で設定したスケジュール実行動作をキャンセルすることができます。

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
</head>
<body>
<p>点击按钮,等待 3 秒后弹出 "Hello" 。</p>
<p>点击第二个按钮来阻止弹出函数 myFunction 的执行。 (你必须在 3 秒前点击)</p>
<button onclick="myFunction()">先点我</button>
<button onclick="myStopFunction()">阻止弹出</button>
<script>
var myVar;
function myFunction() {
    myVar = setTimeout(function(){ alert("Hello") }, 3000);
}
function myStopFunction() {
    clearTimeout(myVar);
}
</script>
</body>
</html>

出力結果:

jqueryでsettimeoutを停止する方法

最初のボタンのみをクリックした場合、3 秒 ポップアップ ウィンドウが表示されます。

jqueryでsettimeoutを停止する方法

最初のボタンをクリックしてから 3 秒以内に 2 番目のボタンをクリックすると、ポップアップ ウィンドウは表示されません。

推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル

以上がjqueryでsettimeoutを停止する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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