জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
লগইন
 

জেকুয়েরি finish() মেথড

« জেকুয়েরি ইফেক্ট মেথডসমূহ

সংজ্ঞা এবং ব্যবহার

finish() মেথডটি চলমান এনিমেশনকে শেষ করে, অন্যান্য ফাংশন যেগুলো কল করা হয়েছে সেগুলো রিমোভ করে এবং নির্বাচিত এলিমেন্টে এনিমেশন সম্পন্ন করে।

এই মেথডটি অনেকটা .stop(true,true) মেথডের মতোই। শুধুমাত্র finish() মেথডের ক্ষেত্রে এনিমেশন সিএসএস গুলো সম্পন্ন করে।


সিনট্যাক্সঃ

$(selector).finish(queueName)

প্যারামিটার ও তাদের ভ্যালু

নিচের টেবিলে finish() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ

প্যারামিটার বিবরণ
queueName ঐচ্ছিক। এনিমেশন বন্ধ করতে সারির নাম নির্দেশ করে।

finish()মেথড সংক্রান্ত উদাহরণ

চলমান এনিমেশনকে সমাপ্ত করার উদাহরণঃ

উদাহরণ

<!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: 300}, 3000);
            $("div").animate({width: 300}, 3000);
        });
        $("#completeAnimation").click(function(){
            $("div").finish();
        });
    });
    </script>
  </head>
  <body>

    <p>
    <button id="startAnimation">এ্যানিমেশন শুরু করুন</button>
    <button id="completeAnimation">এ্যানিমেশন সমাপ্ত করুন</button>
    </p>

    <div style="background:teal;height:100px;width:100px"></div>

</body>
</html>

ফলাফল




« জেকুয়েরি ইফেক্ট মেথডসমূহ