জেকুয়েরি clearQueue() মেথড
সংজ্ঞা এবং ব্যবহার
clearQueue() মেথডটি সারি থেকে সকল আইটেম রিমুভ করে দেয়, যেগুলো রান হয়নি। মনে রাখবেন, যখন একটি ফাংশন শুরু হয়, এটি সম্পুর্ন হওয়াআগ পর্যন্ত চলতে থাকে।
রিলেটেড মেথড:
queue()- সারিবদ্ধ ফাংশন দেখায়।dequeue()- সারি থেকে পরবর্তি ফাংশন রিমুভ করে এবং ফাংশন এক্সিকিউট করে।
সিনট্যাক্সঃ
$(selector).clearQueue(queueName)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে clearQueue() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বর্ননা |
|---|---|
| queueName | ঐচ্ছিক। সারির নাম নির্দেশ করে। ডিফল্ট এবং স্ট্যান্ডার্ড হচ্চে "fx". |
clearQueue() মেথড সংক্রান্ত উদাহরণ
সারিবদ্ধভাবে সেটকৃত চলমান ফাংশনকে বন্ধ করাঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরি উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#startAnimation").click(function(){
$("div").animate({height: 200}, 1500);
$("div").animate({width: 200}, 1500);
$("div").animate({height: 100}, 1500);
$("div").animate({width: 100}, 1500);
});
$("#stopAnimation").click(function(){
$("div").clearQueue();
});
});
</script>
</head>
<body>
<button id="startAnimation">এনিমেশন শুরু করুন</button>
<button id="stopAnimation">এনিমেশন বন্ধ করুন</button>
<br><br>
<div style="background:red;height:100px;width:100px;"></div>
</body>
</html>
ফলাফল
একত্রে queue রিলেটেড মেথডের ব্যবহার
কিভাবে queue(), dequeue() এবং clearQueue() মেথড একত্রে ব্যবহার করা যায় তা নিচের উদাহরণে দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরি উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var div = $("div");
$("#startAnimation").click(function(){
div.animate({height: 300}, "slow");
div.animate({width: 300}, "slow");
div.queue(function () {
div.css("background-color", "red");
div.dequeue();
});
div.animate({height: 100}, "slow");
div.animate({width: 100}, "slow");
});
$("#stopAnimation").click(function(){
div.clearQueue();
});
});
</script>
</head>
<body>
<p>queue() মেথড ঐ ফাংশনগুলোকে সরবরাহ করে, যেগুলো নির্বাচিত এলিমেন্টে এক্সিকিউট হবে।</p>
<p>dequeue() মেথড সারিকৃত ফাংশনগুলোকে রিমোভ করে এবং মূল ফাংশনটি এক্সিকিউট করে।</p>
<p>clearQueue() মেথড যে ফাংশনগুলো এখনো রান হয়নি সেগুলোকে রিমোভ করে।<p>
<p>
<button id="startAnimation">এনিমেশন শুরু করুন</button>
<button id="stopAnimation">এনিমেশন বন্ধ করুন</button>
</p>
<div style="background:#98bf21;height:100px;width:100px;position:relative"></div>
</body>
</html>
ফলাফল