জাভাস্ক্রিপ্ট টাইমিং ইভেন্ট

এখন আমি জাভাস্ক্রিপ্ট টাইমিং ইভেন্ট নিয়ে আলোচনা করবো । জাভাস্ক্রিপ্ট টাইমিং ইভেন্টস এর মাধ্যমে নির্দিষ্ট সময় পর পর নির্দিষ্ট কিছু কোড এক্সিকিউট করা যায় । এই পদ্ধতির নাম হচ্ছে, জাভাস্ক্রিপ্ট টাইমিং ইভেন্টস ।

জাভাস্ক্রিপ্ট টাইমিং ইভেন্ট করা তেমন কঠিন কিছু নয় বরং এটা খুবই সহজ । জাভাস্ক্রিপ্ট টাইমিং ইভেন্টস এ সাধারণত দুটি ফাংশন ব্যবহার করা হয়ে থাকে । এই দুইটি কি মেথড (Key Method) হচ্ছে;

setInterval()

setTimeout()

এখন আমরা এই দুইটি কি মেথড (Key Method) সম্পর্কে বিস্তারিত আলোচনা করবো ।

setInterval()

জাভাস্ক্রিপ্ট setInterval() কি মেথড (Key Method) এর মাধ্যমে নির্দিষ্ট সময় পর পর নির্দিষ্ট কিছু কোড এক্সিকিউট করা যায় । এর সিনট্যাক্সটি হচ্ছে;

var varname=setInterval("javascrict statement", milliseconds);

বিষয়টি আরও ভালোভাবে বুঝতে আমরা এখন একটি উদাহরণ দেখবো । এজন্য নিচের কোডটুকু লিখে index.html নামে সেভ করুন;

<!DOCTYPE HTML>
<html lang="en-US">
<head>
 <meta charset="UTF-8">
 <title> JavaScript Timing Events </title>
</head>
<body>
 <button onclick="setInterval(function(){alert('Welcome to JavaScript Tutorial')},5000);"> Click Here </button>
</body>
</html>

এবার যদি আপনি index.html ফাইলটি ওপেন করেন তাহলে Click Here নামে একটি বাটন দেখতে পারবেন এবং Click Here বাটন এ ক্লিক করলে ৫ সেকেন্ড পর পর Welcome to JavaScript Tutorial লেখা একটি অ্যালার্ট বক্স দেখতে পারবেন । কেননা, এখানে ৫০০০ মিলিসেকেন্ড ব্যবহার করেছি । যেহেতু, ১০০০ মিলি সেকেন্ড = ১ সেকেন্ড । আশা করি বুঝতে পেরেছেন ।

setTimeout()

এই কি মেথড এর মাধ্যমে কোন কোড ভবিষ্যতে এক্সিকিউট করবে । এর সিনট্যাক্সটি হচ্ছে;

var varname=setTimeout("javascrict statement", milliseconds);

বিষয়টি আরও ভালোভাবে বুঝতে আমরা এখন একটি উদাহরণ দেখবো । এজন্য নিচের কোডটুকু লিখে index.html নামে সেভ করুন;

<!DOCTYPE HTML>
<html lang="en-US">
<head>
 <meta charset="UTF-8">
 <title> JavaScript Timing Events </title>
</head>
<body>
 <button onclick="setTimeout(function(){alert('Welcome to JavaScript Tutorial')},2000);"> Click Here </button>
</body>
</html>

এবার যদি আপনি index.html ফাইলটি ওপেন করেন তাহলে Click Here নামে একটি বাটন দেখতে পারবেন এবং Click Here বাটন এ ক্লিক করলে ২ সেকেন্ড পর Welcome to JavaScript Tutorial লেখা একটি অ্যালার্ট বক্স দেখতে পারবেন । কেননা, এখানে ২০০০ মিলিসেকেন্ড ব্যবহার করেছি । যেহেতু, ১০০০ মিলি সেকেন্ড = ১ সেকেন্ড । আশা করি বুঝতে পেরেছেন ।

যখন setTimeout() ফাংশন বাতিল করার প্রয়োজন পরে তখন clearTimeout() ফাংশন ব্যবহার করা হয়ে থাকে । এর সিনট্যাক্সটি হচ্ছে;

আশা করি জাভাস্ক্রিপ্ট টাইমিং ইভেন্ট সম্পর্কে বুঝতে পেরেছেন ।

Series Navigation<< জাভাস্ক্রিপ্ট বুলিয়ান অবজেক্টজাভাস্ক্রিপ্ট কুকি >>

Leave a Reply

Your email address will not be published. Required fields are marked *