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



জাভাস্ক্রিপ্ট time-interval এক্সিকিউট করতে পারে। একে বলা হয় জাভাস্ক্রিপ্টের timing event.


Timing Events

জাভাস্ক্রিপ্ট দিয়ে, একটি নির্দিষ্ট সময়-বিরতি বা time-interval এর পর কিছু কোড এক্সিকিউট করা সম্ভব। একে বলা হয় জাভাস্ক্রিপ্টের Timing Event. জাভাস্ক্রিপ্টে timing event করার জন্য দুইটি পদ্ধতি ব্যবহার করা হয় -

* setTimeout() - এটা ভবিষ্যতের কোন সময়ে কিছু কোড এক্সিকিউট করে।
* clearTimeout() - এটা setTimeout() কে বাতিল করে।

নোট - setTimeout() এবং clearTimeout() দুটিই হল HTML DOM Window object.


setTimeout() মেথড

উদাহরণ দেখুন

var t=setTimeout("javascript statement",milliseconds);


setTimeout() মেথড একটি ভ্যালু রিটার্ন করে। ওপরে যে সিনট্যাক্স দেখানো হয়েছে, তাতে ভ্যালু t নামে একটি ভেরিয়েবলে স্টোর হয়। setTimeout() ফাংশনটি যদি বাতিল বা cancel করতে চান তবে আপনি এটার ভেরিয়েবলের নাম ধরে রেফার করতে পারেন।
setTimeout() ফাংশনের প্রথম প্যারামিটারটি হল কতগুলো executable কোডের একটি স্ট্রিং অথবা কোন ফাংশনকে কল করা। দ্বিতীয় প্যারামিটারটি নির্দেশ করে এখন থেকে কত মিলিসেকেন্ড পরে প্রথম প্যারামিটার execute করবে। মনে রাখবেন ১০০০মিলিসেকেন্ড = ১ সেকেন্ড।

নিচে উদাহরণটি দেখুন। এখানে বাটনে ক্লিক করার ৩ সেকেন্ড পরে একটি এলার্ট-বক্স দেখাবে।

উদাহরণ দেখুন

<html>
<head>
<script type="text/javascript">
function timeMsg()
{
var t=setTimeout("alertMsg()",3000);
}
function alertMsg()
{
alert("Hello");
}
</script>
</head>
<body>
<form>
<input type="button" value="Display alert box in 3 seconds"
onclick="timeMsg()" />
</form>
</body>
</html>




Infinite Loop

infinite loop ব্যবহার করে আমরা যদি কোন টাইমার তৈরি করতে চাই তবে আমাদের অবশ্যই একটি ফাংশন রাখতে হবে যেটা নিজেই নিজেকে কল করতে পারে। নিচের উদাহরণে যখন একটি বাটন ক্লিক করা হয় তখন ইনপুট ফিল্ড ০ থেকে গননা শুরু করে। তবে খেয়াল করুন যে আমাদের আরও একটা ফাংশন আছে যেটা যাচাই করে আগে থেকেই টাইমার চালু আছে কি না, যদি একাধিকবার বাটন ক্লিক করা হয় তবে যেন আবারও টাইমার চালু না হয়।

উদাহরণ দেখুন

<html>
<head>
<script type="text/javascript">
var c=0;
var t;
var timer_is_on=0;

function timedCount()
{
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}

function doTimer()
{
if (!timer_is_on)
{
timer_is_on=1;
timedCount();
}
}
</script>
</head>

<body>
<form>
<input type="button" value="Start count!" onclick="doTimer()">
<input type="text" id="txt" />
</form>
</body>
</html>




The clearTimeout() Method

উদাহরণ দেখুন

clearTimeout(setTimeout_variable)


নিচে প্রদর্শিত উদাহরণটি উপরের Infinite Loop এর মতই শুধু পার্থক্য হল আখন আমরা এখানে একটি "stop count" বাটন যুক্ত করেছি যাতে আমরা কাউন্টার থামাতে পারি।

উদাহরণ দেখুন

<html>
<head>
<script type="text/javascript">
var c=0;
var t;
var timer_is_on=0;

function timedCount()
{
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}

function doTimer()
{
if (!timer_is_on)
{
timer_is_on=1;
timedCount();
}
}

function stopCount()
{
clearTimeout(t);
timer_is_on=0;
}
</script>
</head>
<body>
<form>
<input type="button" value="Start count!" onclick="doTimer()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onclick="stopCount()">
</form>
</body>
</html>









এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.