5 সেকেন্ডের জন্য jQuery শো তারপর লুকান

Question

আমি .showএকটি সফল ফর্ম জমা দেওয়ার পরে একটি লুকানো বার্তা প্রদর্শন করতে ব্যবহার করছি ।

5 সেকেন্ডের জন্য কীভাবে বার্তাটি প্রদর্শিত হবে তবে লুকান?

Answer 1

আপনি .delay()এনিমেশনের আগে এটি ব্যবহার করতে পারেন :

$("#myElem").show().delay(5000).fadeOut();

যদি এটি কোনও অ্যানিমেশন না হয় তবে setTimeout()সরাসরি ব্যবহার করুন :

$("#myElem").show();
setTimeout(function() { $("#myElem").hide(); }, 5000);

আপনি দ্বিতীয়টি করেন কারণ .hide()সাধারণত fxকোনও সময়কাল ছাড়া অ্যানিমেশন ( ) কাতারে থাকবে না, এটি কেবল তাত্ক্ষণিক প্রভাব।

অথবা, অন্য বিকল্পটি হ'ল .delay()এবং .queue()নিজের মতো ব্যবহার করুন :

$("#myElem").show().delay(5000).queue(function(n) {
  $(this).hide(); n();
});

Comments

পরামর্শ 2 একটি চেকমার্ক আইকন দেখানোর জন্য এবং লুকানোর () পরিবর্তে ফেইডআউট () ব্যবহার করে পুরোপুরি কাজ করেছিল। দুর্দান্ত উত্তর।

— কেভিন জাইচ

@ উইলজড না আপনি পারবেন না, উপাদানটির .delay()সাথে কাজ করবেন না .hide()তা তাত্ক্ষণিক লুকানো দেখানো হবে। এই জেএসফিডালটি দেখুন এই কারণেই নিক বলেছিলেন "যদি এটি কোনও অ্যানিমেশন না হয় তবে সরাসরি সেটটাইমআউট () ব্যবহার করুন: ...."

— ওয়েসলি স্মিথ

হুম, আমি ভাবছি যে এটি যদি দু'বছর আগে কাজ করে। ভাল লাগছে যদিও। আমাকে সৎ রাখার জন্য ধন্যবাদ

— উইলসজেড

আমি এটি বাস্তবায়নও করেছি, তবে যখন আমি 5 সেকেন্ডের মধ্যে দু'বার চিত্র প্রদর্শন করি তখন এটি পূর্ববর্তী এবং পুনরায় প্রদর্শনটি লুকিয়ে রাখা উচিত, যখন এটি প্রথম দেরি পুনরায় সেট করে না

— অলমনারিয়াব

Answer 2

সঞ্জীবিত করতে আপনি নীচের প্রভাবটি ব্যবহার করতে পারেন, আপনার প্রয়োজনীয়তা অনুসারে মানগুলি পরিবর্তন করতে পারেন

$("#myElem").fadeIn('slow').animate({opacity: 1.0}, 1500).effect("pulsate", { times: 2 }, 800).fadeOut('slow'); 

Comments

... (...)। ফেডইন (...)। অ্যানিমেট (...)। প্রভাব JQuery 2.1.3 এ কোনও ফাংশন নয়

— ডাস্টিন চার্লস

@ ডাস্টিনচারেলস jQueryUI যোগ করুন কেবল jQuery নয়। jQuery এ প্রভাব () ফাংশন নেই যেমন কোড. jquery.com/ui/1.12.0/jquery-ui.min.js

— রাহুল

Answer 3

এটি যেমন সহজ:

$("#myElem").show("slow").delay(5000).hide("slow");