ホームページ > 記事 > ウェブフロントエンド > jqueryでsettimeoutを停止する方法
jquery では、settimeout を停止するには、clearTimeout() メソッドを使用できます。このメソッドは、setTimeout() メソッドによって設定されたタイムアウトをキャンセルするために使用されます。パラメータは、setTimeout() によって返される ID 値である必要があります。構文は「clearTimeout(ID 値 )」です。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
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>
出力結果:
最初のボタンのみをクリックした場合、3 秒 ポップアップ ウィンドウが表示されます。
最初のボタンをクリックしてから 3 秒以内に 2 番目のボタンをクリックすると、ポップアップ ウィンドウは表示されません。
推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル
以上がjqueryでsettimeoutを停止する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。