Nascondi div dopo qualche secondo

Question

Mi chiedevo, come mai in jQuery riuscirò a nascondere un div dopo qualche secondo? Ad esempio, come i messaggi di Gmail.

Ho fatto del mio meglio ma non riesco a farlo funzionare.

Answer 1

Nasconde il div dopo 1 secondo (1000 millisecondi).

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

Se si vuole solo nascondere senza sbiadire, utilizzare hide().

Answer 2

Probabilmente il modo più semplice è utilizzare il plug-in timer. http://plugins.jquery.com/project/timers e quindi chiamare qualcosa come

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

Answer 3

$.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); 
} 

Da http://james.padolsey.com/javascript/jquery-delay-plugin/

(Consente il concatenamento dei metodi)

Answer 4

Uso del timer jQuery vi permetterà anche di avere un nome associato con i timer che sono attaccato all'oggetto. In questo modo è possibile associare più timer a un oggetto e arrestarne uno qualsiasi.

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

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

La funzione eval (e dei suoi parenti, funzione, setTimeout e setInterval) forniscono l'accesso al compilatore JavaScript. Questo a volte è necessario, ma nella maggior parte dei casi indica la presenza di codifiche estremamente scadenti. La funzione eval è la funzione più abusata di JavaScript.

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

Answer 5

È possibile provare la .delay()

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

chiamata div impostare il tempo di ritardo in millisecondi e impostare la proprietà che si desidera modificare, in questo caso ho usato .fadeOut() in modo che potrebbe essere animato, ma puoi anche usare .hide().

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

Answer 6

C'è un modo molto semplice per farlo.

Il problema è che .delay esegue solo animazioni, quindi quello che devi fare è fare in modo che .hide() si comporti come un'animazione dandogli una durata.

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

Dando un bel breve durata, sembra essere immediato, proprio come la funzione .nascosto regolare.

Answer 7

jquery offre una varietà di metodi per nascondere il div in modo temporizzato che non richiede l'impostazione e successivamente la cancellazione o il ripristino di timer di intervallo o altri gestori di eventi. Ecco alcuni esempi.

Pure nascondere

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

animato nascondere

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

sfumando

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

Inoltre, i metodi possono prendere un nome di coda o una funzione come secondo parametro (a seconda del metodo di). La documentazione per tutte le chiamate sopra e altre chiamate correlate può essere trovata qui: https://api.jquery.com/category/effects/