কয়েক সেকেন্ড পরে ডিভ লুকান

Question

আমি ভাবছিলাম, কীভাবে আমি কয়েক সেকেন্ড পরে ডিভি লুকিয়ে রাখতে পারি? উদাহরণস্বরূপ জিমেইলের বার্তাগুলি পছন্দ করুন।

আমি যথাসাধ্য চেষ্টা করেছি কিন্তু এটি কাজ করতে অক্ষম।

Comments

কেবল কি যথেষ্ট ভাল লুকিয়ে আছে, নাকি আপনার বিবর্ণ হওয়ার দরকার আছে?

— জোয়েল কোহর্ন

Answer 1

এটি 1 সেকেন্ড (1000 মিলিসেকেন্ড) এর পরে ডিভটি আড়াল করবে।

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

#mydiv{
    width: 100px;
    height: 100px;
    background: #000;
    color: #fff;
    text-align: center;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mydiv">myDiv</div>

যদি আপনি কেবল বিবর্ণ না হয়ে লুকিয়ে রাখতে চান তবে ব্যবহার করুন hide()।

Comments

এবং আপনি একটি শটে খুব সুন্দর সুন্দর ক্রেজি জোয়েল কোহুরনকে পরাজিত করেছেন ! :)

— ক্রেগক্স

@James, নিশ্চিত করুন জন্যে রয়েছে চূড়ান্ত ফলাফলে কোন পার্থক্য নেই, কিন্তু আমি ব্যবহার যে বাস্তবায়ন অনুমান করা .delay()আরো "নেটিভ" এবং জন্য মার্জিত jQuery।

— পল টি। রাউকিন

আপনি Div এর তাত্ক্ষণিক আড়াল জন্য এর .fadeOut('fast')সাথে প্রতিস্থাপন করতে পারেন .hide()।

— র‌্যাপটার

Answer 2

আপনি চেষ্টা করতে পারেন .delay()

$(".formSentMsg").delay(3200).fadeOut(300);

ডিভ কল করুন বিলম্বের সময়টিকে মিলি সেকেন্ডে সেট করুন এবং আপনি যে সম্পত্তিটি পরিবর্তন করতে চান সেটি সেট করুন, এই ক্ষেত্রে আমি .fadeOut () ব্যবহার করেছি যাতে এটি অ্যানিমেটেড হতে পারে তবে আপনিও লুকান () ব্যবহার করতে পারেন।

http://api.jquery.com/delay/

Comments

এটি আরও ভাল बीকস কারণ আমাকে সেটটাইমআউটআউট ব্যবহার করতে হবে না এবং পড়তে সহজ code

— মারেক বার

Answer 3

jquery একটি সময়সীমায় ডিআইভি লুকানোর জন্য বিভিন্ন পদ্ধতি প্রস্তাব করে যার জন্য সেট আপ করার পরে এবং পরে অন্তর টাইমার বা অন্যান্য ইভেন্ট হ্যান্ডলারগুলি সাফ বা পুনরায় সেট করার প্রয়োজন হয় না। এখানে কিছু উদাহরণ আছে।

খাঁটি আড়াল, এক সেকেন্ড বিলম্ব

// hide in one second
$('#mydiv').delay(1000).hide(0); 

খাঁটি আড়াল, দেরি নেই

// hide immediately
$('#mydiv').delay(0).hide(0); 

অ্যানিমেটেড লুক

// start hide in one second, take 1/2 second for animated hide effect
$('#mydiv').delay(1000).hide(500); 

বিবর্ণ

// start fade out in one second, take 300ms to fade
$('#mydiv').delay(1000).fadeOut(300); 

অতিরিক্তভাবে, পদ্ধতিগুলি একটি প্যারামিটার (পদ্ধতির উপর নির্ভরশীল) হিসাবে একটি সারি নাম বা ফাংশন নিতে পারে। উপরের সমস্ত কল এবং অন্যান্য সম্পর্কিত কলগুলির জন্য ডকুমেন্টেশন এখানে পাওয়া যাবে: https://api.jquery.com/category/effects/

Answer 4

এটি করার একটি খুব সহজ উপায় আছে।

সমস্যাটি হ'ল .ডিলে কেবল অ্যানিমেশনগুলিকেই প্রভাবিত করে, তাই আপনার যা করা দরকার তা করা উচিত ide

$("#whatever").delay().hide(1);

এটিকে একটি দুর্দান্ত স্বল্পকালীন সময় দেওয়ার পরে, এটি নিয়মিত। লুকানোর কাজটির মতোই তাত্ক্ষণিক বলে মনে হয়।

Answer 5

$.fn.delay = function(time, callback){
    // Empty function:
    jQuery.fx.step.delay = function(){};
    // Return meaningless animation, (will be added to queue)
    return this.animate({delay:1}, time, callback);
}

Http://james.padolsey.com/javascript/jquery-delay-plugin/ থেকে

(পদ্ধতিগুলির শৃঙ্খলার অনুমতি দেয়)

Answer 6

JQuery টাইমার ব্যবহার করে আপনাকে টাইমারগুলির সাথে যুক্ত নামের সাথে যুক্ত থাকতে পারে যা বস্তুর সাথে সংযুক্ত রয়েছে। সুতরাং আপনি কোনও বস্তুর সাথে বেশ কয়েকটি টাইমার সংযুক্ত করতে পারেন এবং সেগুলির কোনও একটি বন্ধ করতে পারেন।

$("#myid").oneTime(1000, "mytimer1" function() {
  $("#something").hide();
}).oneTime(2000, "mytimer2" function() {
  $("#somethingelse").show();  
});

$("#myid").stopTime("mytimer2");

ইভাল ফাংশন (এবং এর আত্মীয়, ফাংশন, সেটটাইমআউট এবং সেটইন্টারওয়াল) জাভাস্ক্রিপ্ট সংকলকটিতে অ্যাক্সেস সরবরাহ করে। এটি কখনও কখনও প্রয়োজনীয় হয়, তবে বেশিরভাগ ক্ষেত্রে এটি অত্যন্ত খারাপ কোডিংয়ের উপস্থিতি নির্দেশ করে। ইভাল ফাংশনটি জাভাস্ক্রিপ্টের সর্বাধিক অপব্যবহারযোগ্য বৈশিষ্ট্য।

http://www.jslint.com/lint.html

Answer 7

সম্ভবত সবচেয়ে সহজ উপায় হ'ল টাইমার প্লাগইন ব্যবহার করা। http://plugins.jquery.com/project/timers এবং তারপরে এমন কিছু কল করুন

$(this).oneTime(1000, function() {
    $("#something").hide();
  });

Comments

সেটটাইমআউট বা সেটইন্টারওয়ালের উপর দিয়ে টাইমার প্লাগইনটি ব্যবহার করার কোনও বাধ্যতামূলক কারণ আছে কি?

— ব্যয়কারী

আমি যা বলতে চাই ডাউনলোড এবং একটি jQuery প্লাগিন সংযোজনের হয় কম কেবল setTimeout ব্যবহার না করে সহজ।

— নাথান রিডলি

আমি এটি অগত্যা একটি খারাপ জিনিস বলে মনে করি না, তবে যেহেতু বিরল যে আমি কখনই আমার কোডটিতে টাইমার ব্যবহার করি, সেই প্লাগইনটি প্রায় (কয়েকবার পড়ুন: অতিরিক্ত কোড, ফোলা) থাকায় ব্যয় ছাড়িয়ে যায় না। যদি আপনি প্রচুর কোড লিখতেন যা টাইমার ব্যবহার করার প্রয়োজন ছিল এবং আপনি jQuery ব্যবহার করছিলেন তবে আমি দেখতে পাচ্ছি যে কেন এই প্লাগইনটি jQuery সিনট্যাক্সের সাথে রাখতে খুব দরকারী হবে ...

— জেসন বুটিং

Answer 8

আমরা সরাসরি ব্যবহার করতে পারি

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

Answer 9

<script>
      $(function() {
      $(".hide-it").hide(7000);
    });              
</script>

<div id="hide-it">myDiv</div>

Comments

দয়া করে কেবল উত্তর হিসাবে কোড পোস্ট করবেন না, তবে আপনার কোডটি কী করে এবং কীভাবে এটি সমস্যার সমস্যার সমাধান করে তার একটি ব্যাখ্যাও সরবরাহ করুন। একটি ব্যাখ্যার উত্তরগুলি সাধারণত আরও সহায়ক এবং আরও ভাল মানের হয় এবং উন্নতদের আকর্ষণ করার সম্ভাবনা বেশি থাকে।

— মার্ক রোটভেল