5 সেকেন্ড পরে jQuery অটোহাইড উপাদান

Question 1

JQuery ব্যবহার করে ফর্ম লোডের 5 সেকেন্ড পরে কোনও ওয়েব পৃষ্ঠায় কোনও উপাদান স্বয়ংক্রিয়ভাবে আড়াল করা সম্ভব?

মূলত, আমি পেয়েছি

<div id="successMessage">Project saved successfully!</div>

যে আমি 5 সেকেন্ড পরে অদৃশ্য করতে চাই। আমি jQuery UI এবং গোপন প্রভাব দেখেছি তবে এটি যেভাবে চাইবে তা কাজ করতে আমার একটু সমস্যা হচ্ছে।

<script type="text/javascript">
        $(function() {
            function runEffect() {

                var selectedEffect = 'blind';

                var options = {};

                $("#successMessage").hide(selectedEffect, options, 500);
            };

            $("#successMessage").click(function() {
                runEffect();
                return false;
            });
        });
    </script>

আমি ক্লিক ফাংশনটি সরিয়ে ফেলা এবং একটি টাইমআউট পদ্ধতি যুক্ত করব যা 5 সেকেন্ড পরে রানআফেক্ট () কল করে।

Question 2

$(function() {
    // setTimeout() function will be fired after page is loaded
    // it will wait for 5 sec. and then will fire
    // $("#successMessage").hide() function
    setTimeout(function() {
        $("#successMessage").hide('blind', {}, 500)
    }, 5000);
});

দ্রষ্টব্য : আপনাকে jQuery ফাংশনটি সেটটাইমের অভ্যন্তরে কাজ করার জন্য আপনার এটি ভিতরে আবৃত করা উচিত

function() { ... }

Question 3

$('#selector').delay(5000).fadeOut('slow');

Question 4

আপনি চেষ্টা করতে পারেন :

setTimeout(function() {
  $('#successMessage').fadeOut('fast');
}, 30000); // <-- time in milliseconds

যদি আপনি এটি ব্যবহার করেন তবে আপনার ডিভি 30 সেকেন্ডের পরে লুকানো থাকবে I আমি এটিও চেষ্টা করেছিলাম এবং এটি আমার পক্ষে কাজ করে।

Question 5

অনুগ্রহ করে নোট করুন আপনার ডিভ পাঠ্যটি অদৃশ্য হওয়ার পরে আবার প্রদর্শনের প্রয়োজন হতে পারে। সুতরাং আপনাকে খালি করতে হবে এবং তারপরে কিছু সময়ে উপাদানটি আবার দেখাতে হবে।

আপনি কোডের 1 লাইন দিয়ে এটি করতে পারেন:

$('#element_id').empty().show().html(message).delay(3000).fadeOut(300);

আপনি যদি jQuery ব্যবহার করেন তবে আপনার সেটটাইমআউট লাগবে না, কমপক্ষে কোনও উপাদান অটোহাইড না করার জন্য।

Question 6

আপনি রানফ্যাক্ট ফাংশনে সেটটাইমআউট ব্যবহার করেন:

function runEffect() {
    setTimeout(function(){
        var selectedEffect = 'blind';
        var options = {};
        $("#successMessage").hide(selectedEffect, options, 500)
     }, 5000);
}

Question 7

আমি মনে করি, আপনিও এর মতো কিছু করতে পারেন ...

setTimeout(function(){
    $(".message-class").trigger("click");
}, 5000);

এবং ইভেন্ট-ক্লিকে আপনার অ্যানিমেটেড প্রভাবগুলি করুন ...

$(".message-class").click(function() {
    //your event-code
});

শুভেচ্ছা,

Question 8

jQuery ("। সাফল্য_মগস")। শো (); সেটটাইমআউট (ফাংশন () {jQuery ("। সাফল্য_মগস") hide লুকান ();}, 5000);

Question 9

আপনি ক্লিক করার পরে টাইমআউটটি এভাবে সেট করতে পারেন।

$(".selectorOnWhichEventCapture").on('click', function() {
    setTimeout(function(){
        $(".selector").doWhateverYouWantToDo();
    }, 5000);
});

// 5000 = 5 সেক = 5000 মিলিসেক