Ich habe mich gefragt, wie ich in der Lage bin, ein Div nach ein paar Sekunden zu verstecken. Wie zum Beispiel die Nachrichten von Google Mail.
Ich habe mein Bestes versucht, kann es aber nicht zum Laufen bringen.
javascript
jquery
timing
James
quelle
quelle
Antworten:
Dadurch wird das Div nach 1 Sekunde (1000 Millisekunden) ausgeblendet.
Wenn Sie sich nur verstecken möchten, ohne zu verblassen, verwenden Sie
hide()
.quelle
.delay()
"nativer" und eleganter istjQuery
..fadeOut('fast')
mit.hide()
für sofortige Haut des div.Sie können das versuchen
.delay()
Rufen Sie das div auf, legen Sie die Verzögerungszeit in Millisekunden fest und legen Sie die Eigenschaft fest, die Sie ändern möchten. In diesem Fall habe ich .fadeOut () verwendet, damit es animiert werden kann, aber Sie können auch .hide () verwenden.
http://api.jquery.com/delay/
quelle
jquery bietet eine Vielzahl von Methoden, um das div zeitgesteuert auszublenden, ohne dass Intervall-Timer oder andere Ereignishandler eingerichtet und später gelöscht oder zurückgesetzt werden müssen. Hier einige Beispiele.
Reine Haut, eine Sekunde Verzögerung
Reine Haut, keine Verzögerung
Animiertes Fell
ausblenden
Darüber hinaus können die Methoden einen Warteschlangennamen oder eine Funktion als zweiten Parameter verwenden (abhängig von der Methode). Die Dokumentation aller oben genannten Anrufe und anderer damit zusammenhängender Anrufe finden Sie hier: https://api.jquery.com/category/effects/
quelle
Es gibt einen wirklich einfachen Weg, dies zu tun.
Das Problem ist, dass .delay nur Animationen bewirkt. Sie müssen also .hide () wie eine Animation verhalten, indem Sie ihm eine Dauer geben.
$("#whatever").delay().hide(1);
Durch eine schöne kurze Dauer scheint es genau wie die reguläre .hide-Funktion sofort zu sein.
quelle
Von http://james.padolsey.com/javascript/jquery-delay-plugin/
(Ermöglicht die Verkettung von Methoden)
quelle
Wenn Sie den jQuery-Timer verwenden, können Sie auch einen Namen für die Timer festlegen, die an das Objekt angehängt sind. Sie können also mehrere Timer an ein Objekt anhängen und einen davon stoppen.
Die eval-Funktion (und ihre Verwandten Function, setTimeout und setInterval) bieten Zugriff auf den JavaScript-Compiler. Dies ist manchmal notwendig, zeigt jedoch in den meisten Fällen das Vorhandensein einer extrem schlechten Codierung an. Die Auswertungsfunktion ist die am häufigsten missbrauchte Funktion von JavaScript.
http://www.jslint.com/lint.html
quelle
Am einfachsten ist es wahrscheinlich, das Timer-Plugin zu verwenden. http://plugins.jquery.com/project/timers und rufen Sie dann so etwas auf
quelle
wir können direkt verwenden
quelle
quelle