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

জেকুয়েরি jQuery.fx.interval প্রোপার্টি

« জেকুয়েরি প্রোপার্টি



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

কত মিলিসেকেন্ড পর পর এনিমেশন কাজ করবে তা নির্ধারণ করার জন্য jQuery.fx.interval প্রোপার্টি ব্যবহার করা হয়।

ডিফল্ট ভ্যালু হচ্ছে 13 মিলিসেকেন্ড। এনিমেশনকে মসৃন করার জন্য আমরা এর মাধ্যমে সময় কমিয়ে দিতে পারি। তবে এটি কার্যক্ষমতা এবং CPU এর ইমপ্লিকেশনের ক্ষতি করতে পারে।

তথ্যঃ ইফেক্ট দেওয়ার জন্য এই প্রোপার্টি কিছু পরিবর্তন করলে, সকল এনিমেশন কাজ করা বন্ধ করে দিবে।

তথ্যঃ যেসব ব্রাউজার requestAnimationFrame সাপোর্ট করে, সেগুলোতে এই প্রোপার্টির কোনো ইফেক্ট কাজ করবে না।


সিনট্যাক্স ও ব্যাখ্যা

jQuery.fx.interval = milliseconds;


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

নিচের টেবিলে jQuery.fx.interval প্রোপার্টিতে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ

প্যারামিটার বর্ননা
milliseconds Required. কত মিলিসেকেন্ড পর পর এনিমেশন কাজ করবে তা নির্ধারণ করে। ডিফল্ট ভ্যালু হচ্ছে 13 মিলিসেকেন্ড।

jQuery.fx.interval প্রোপার্টি সংক্রান্ত উদাহরণ

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script>
$(document).ready(function(){
    $("#toggle").on("click", function(){
        $("div").toggle(5000);
    });
    $("#interval").on("click", function(){
        jQuery.fx.interval = 500;
    });
});
</script>
</head>
<body>

<p>যখন "Toggle div" বাটনে চাপ দেওয়া হবে, তখন এটি div টিকে হাইড এবং প্রদর্শন করার মধ্যে টোগল (ডিফল্ট হলো 13 মিলিসেকেন্ড) করবে। প্রতিবার "Run animation with less frames" বাটনে চাপলে, প্রপার্টিতে 500 মিলেসেকেন্ড যুক্ত হবে। যারফলে এনিমেশন তা স্মুথ ইফেক্ট হারাবে (ব্রাউজারের উপর নির্ভরশীল)।</p>

<p><b>নোট:</b>"Toggle div" চাপুন। যখন "div" এলিমেন্টে এনিমেশন শেষ হবে, তারপর "Run animation with less frames" চাপুন। যখন এনিমেশন বন্ধ হয়ে যাবে, ইফেক্ট দেখার জন্য আবার "Toggle div" বাটন চাপুন।</p>

<button id="toggle">Toggle div</button>
<button id="interval">Run animation with less frames</button>

<div style="background:#98bf21;height:70px;width:70px;margin:50px;"></div>

</body>
</html>

ফলাফল




« জেকুয়েরি প্রোপার্টি