jqueryでsettimeoutを停止する方法-フロントエンドQ&A-php.cn

jqueryでsettimeoutを停止する方法

WBOY

リリース： 2022-04-24 17:58:07

オリジナル

4154 人が閲覧しました

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を停止する方法