জেকুয়েরি stop() মেথড
সংজ্ঞা এবং ব্যবহার
stop() মেথডটি নির্দিষ্ট এলিমেন্টের চলমান এনিমেশনকে বন্ধ করে।
সিনট্যাক্স
$(selector).stop(stopAll,goToEnd)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে stop() মেথডের প্যারামিটার এবং তাদের ভ্যালুগুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
stopAll |
ঐচ্ছিক। সকল এনিমেশন বন্ধ হওয়ার জন্য একটি বুলিয়ান ভ্যালু নির্দিষ্ট করে। যার ডিফল্ট হচ্ছে false। |
goToEnd |
ঐচ্ছিক। সকল এনিমেশন তাৎক্ষণিকভাবে সম্পর্ন করার জন্য একটি বুলিয়ান ভ্যালু নির্দিষ্ট করে। যার ডিফল্ট হচ্ছে false। |
stop() মেথড সংক্রান্ত উদাহরণ
সকল চলমান এনিমেশন সমাপ্ত করার উদাহরণঃ
উদাহরণ
<!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: 250}, 3000);
$("div").animate({width: 250}, 3000);
});
$("#stopAnimation").click(function(){
$("div").stop();
});
});
</script>
</head>
<body>
<p>
<button id="startAnimation">এনিমেশন শুরু করুন</button>
<button id="stopAnimation">এলিমেন্টে চলমান এনিমেশনটি রিমোভ করুন</button>
</p>
<div style="background:teal;height:100px;width:100px"></div>
</body>
</html>
ফলাফল
সকল এনিমেশনকে তাৎক্ষণিকভাবে সম্পন্ন করা
কিভাবে সকল এনিমেশনকে তাৎক্ষণিকভাবে সম্পর্ন করা যায়, তা নিচের উদাহরণে দেখানো হলোঃ
উদাহরণ
<!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: 250}, 2000);
div.animate({width: 250}, 2000);
div.animate({height: 100}, 2000);
div.animate({width: 100}, 2000);
});
$("#stopAnimation").click(function(){
div.stop(true, true);
});
});
</script>
</head>
<body>
<p>
<button id="startAnimation">এনিমেশন শুরু</button>
<button id="stopAnimation">এনিমেশন বন্ধ এবং অবিলম্বে বাকি সব এনিমেশন সম্পূর্ণ করুন</button>
</p>
<div style="background:teal;height:100px;width:100px"></div>
</body>
</html>
ফলাফল