JavaScriptでの実行中に関数を停止するにはどうすればよいですか？
実行中に関数を停止するには、-
の概念を使用します。document.getElementById().addEventListener().
例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<button type="button" id="call">Call the function</button>
<button type="button" id="halt">Stop the function execution </button>
<script>
document.getElementById("call").addEventListener("click", callFunction);
document.getElementById("halt").addEventListener("click", haltFunction);
var timeValue = null;
function callFunction() {
timeValue = setInterval(function() {
console.log("The call() is being executed....");
}, 1000);
}
function haltFunction() {
clearInterval(timeValue);
}
</script>
</body>
</html> 上記のプログラムを実行するには、ファイル名 anyName.html（index.html）を保存します ファイルを右クリックして、VSコードエディターでライブサーバーで開くオプションを選択します。
出力
[関数を呼び出す]ボタンをクリックすると、関数が実行されます。関数を停止するには、関数の実行を停止するをクリックします ボタン。
スナップショットは次のとおりです-
-
JavaScriptで関数の実行を停止するにはどうすればよいですか？
JavaScriptで関数の実行を停止するには、clearTimeout（）メソッドを使用します。この関数呼び出しは、setTimeout（）関数によって設定されたタイマーをすべてクリアします。 例 次のコードを実行して、JavaScriptでclearTimeout（）メソッドを操作する方法を学ぶことができます。 <html> <head> <title>JavaScript clearTimeout() method</title>
-
JavaScriptを使用してフォームの送信を停止するにはどうすればよいですか？
関数の戻り値を使用して、JavaScriptでのフォームの実行を停止します。 <form onsubmit = "event.preventDefault(); myValidation();"> JavaScript関数は次のようになります- function myValidation() { if(check if your conditions are not satisfying) { alert("Oops! Validation failed!&q