কার্যকর করার সময় একটি ফাংশন বন্ধ করতে, −
ধারণাটি ব্যবহার করুন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 কোড এডিটরে লাইভ সার্ভারের সাথে খোলা বিকল্পটি নির্বাচন করুন।
আউটপুট
আপনি কল ফাংশন বোতামে ক্লিক করলে, এটি ফাংশনটি কার্যকর করবে। ফাংশন বন্ধ করতে, ফাংশন এক্সিকিউশন বন্ধ করুন ক্লিক করুন বোতাম।
স্ন্যাপশটটি নিম্নরূপ -
