জাভাস্ক্রিপ্ট টাইমিং ইভেন্ট
টাইমিং ইভেন্ট
উইন্ডো অবজেক্ট একটি নির্দিষ্ট সময় অন্তর অন্তর কোড এক্সিকিউশন করতে সাহায্য করে।
এই বিরতি/অন্তরকেই টাইমিং ইভেন্ট বলে।
জাভাস্ক্রিপ্টের সাথে দুইটি প্রধান ইভেন্ট ব্যবহার করা হয়ঃ
- setTimeout(function, milliseconds)
একটি নির্দিষ্ট সংখ্যক মিলিসেকেন্ড অপেক্ষা করার পর একটি ফাংশন এক্সিকিউট করে। - setInterval(function, milliseconds)
setTimeout() ফাংশনের মতই, কিন্তু এক্ষেত্রে ফাংশনটি অবিরত এক্সিকিউশন হতেই থাকে।
 |
setTimeout() এবং setInterval() দুটোই এইচটিএমএল ডোম(DOM) উইন্ডো অবজেক্টের মেথড। |
|---|
SetTimeout() মেথড
window.setTimeout(function, milliseconds);
window.setTimeout() মেথডটি উইন্ডো উপসর্গ(prefix) ছাড়া লিখা যায়।
প্রথম প্যারামিটারটি হলো একটি ফাংশন যেটি এক্সিকিউশন হবে।
দ্বিতীয় প্যারামিটারটি হলো কতো মিলিসেকেন্ড পর ফাংশনটি এক্সিকিউশন হবে তা নির্দিষ্ট করে।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<button onclick="setTimeout(myFunc, 1500);">চেষ্টা করি</button>
<script>
function myFunc() {
alert("স্যাট একাডেমী");
}
</script>
</body>
</html>
ফলাফল
এক্সিকিউশন বন্ধ করার কৌশল
setTimeout() মেথড দ্বারা সেট করা ফাংশনের এক্সিকিউশন clearTimeout() মেথডের মাধ্যমে বন্ধ করা হয়।
window.clearTimeout(timeoutVariable);
window.clearTimeout() মেথডটি window উপসর্গ(prefix) ছাড়া লিখা যায়।
clearTimeout() মেথড setTimeout() মেথড থেকে রিটার্ন করা ভ্যারিয়েবলকে ব্যবহার করেঃ
myTout = setTimeout(function, milliseconds);
clearTimeout(myTout);
যদি ফাংশনটি এক্সিকিউট না করা হয়ে থাকে, তাহলে আপনি clearTimeout() কল করে এক্সিকিউশন বন্ধ করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<button onclick="var x = setTimeout(myFunc, 1500);">ক্লিক করুন</button>
<button onclick="clearTimeout(x);">বন্ধ করুন</button>
<script>
function myFunc() {
alert("স্যাট একাডেমী");
}
</script>
</body>
</html>
ফলাফল
setInterval() মেথড
setInterval() মেথডের মাধ্যমে একটি ফাংশনকে নির্দিষ্ট সময় অন্তর অন্তর পুনরাবৃত্তি করা যায়।
window.setInterval(function,milliseconds);window.setInterval() মেথড window উপসর্গ(prefix) ছাড়া লিখা যায়।
প্রথম প্যারামিটারে ফাংশন থাকে যেটি এক্সিকিউট হবে।
দ্বিতীয় প্যারামিটারে প্রতিবার এক্সিকিউশনের মধ্যবর্তী সময় উল্লেখ করে দেয়া হয়।
এই উদাহরণে প্রতি সেকেন্ডে একবার "myTime" নামের ফাংশনটি এক্সিকিউট হবে(একটি ডিজিটাল ঘড়ির মতো)।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
var x = setInterval(myTime, 1000);
function myTime() {
var date = new Date();
document.getElementById("test").innerHTML = date.toLocaleTimeString();
}
</script>
</body>
</html>
ফলাফল
কিভাবে এক্সিকিউশন বন্ধ করা যায়?
setInterval() মেথড দ্বারা নির্দেশিত ফাংশনের এক্সিকিউশন clearInterval() মেথড দ্বারা বন্ধ করা যায়।
window.clearInterval(timerVariable);window.clearInterval() মেথডটি window উপসর্গ(prefix) ছাড়া লিখা যেতে পারে।
clearInterval() মেথড setInterval() মেথড থেকে রিটার্ন করা ভ্যারিয়েবল ব্যবহার করেঃ
x = setInterval(function, milliseconds);
clearInterval(x);উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<button onclick="clearInterval(x)">ক্লিক করুন</button>
<script>
var x = setInterval(myTime, 1000);
function myTime() {
var date = new Date();
document.getElementById("test").innerHTML = date.toLocaleTimeString();
}
</script>
</body>
</html>
ফলাফল