Скрыть div через несколько секунд

Question

Скрыть div через несколько секунд

Мне было интересно, как в jquery я могу скрыть div через несколько секунд? Например, сообщения Gmail.

Я старался изо всех сил, но не могу заставить его работать.

452 7

jQuery javascript timing

7 ответов:

Comments

Ничего не найдено.

swilliams · Accepted Answer · 2018-08-15 08:10:17

это скроет div через 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().

peter punk · Accepted Answer · 2012-06-13 12:28:57

вы можете попробовать .delay()
$(".formSentMsg").delay(3200).fadeOut(300);
вызов div установите время задержки в миллисекундах и установите свойство, которое вы хотите изменить, в этом случае я использовал .fadeOut () так что он может быть анимирован, но вы можете использовать .hide() также.

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

Oisin Lavery · Accepted Answer · 2012-06-21 16:08:38

есть очень простой способ сделать это.

проблема в том, что .задержка только эффекты анимации, так что вам нужно сделать, это сделать .hide () действует как анимация, давая ей продолжительность.

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

давая ему хорошую короткую продолжительность, он кажется мгновенным, как обычный .скрыть функцию.

Peter Smit · Accepted Answer · 2009-05-04 20:06:29

$.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/

(позволяет цепочку методов)

Robert Mauro · Accepted Answer · 2016-04-04 20:16:12

jquery предлагает множество методов для скрытия div по времени, которые не требуют настройки и последующей очистки или сброса интервальных таймеров или других обработчиков событий. Вот несколько примеров.

чисто скрыть
// hide in one second
$('#mydiv').delay(1000).hide(0); 
анимированные скрыть
// start hide in one second, take 1/2 second for animated hide effect
$('#mydiv').delay(1000).hide(500); 
fade out
// start fade out in one second, take 300ms to fade
$('#mydiv').delay(1000).fadeOut(300); 
кроме того, методы могут принимать имя очереди или функцию в качестве второго параметра (в зависимости от метода). Документация для всех вызовов выше и другие соответствующие звонки можно найти здесь: https://api.jquery.com/category/effects/

kamaci · Accepted Answer · 2011-10-10 11:49:55

использование таймера jQuery также позволит вам иметь имя, связанное с таймерами, которые прикреплены к объекту. Таким образом, вы можете прикрепить несколько таймеров к объекту и остановить любой из них.
$("#myid").oneTime(1000, "mytimer1" function() {
  $("#something").hide();
}).oneTime(2000, "mytimer2" function() {
  $("#somethingelse").show();  
});

$("#myid").stopTime("mytimer2");
функция eval (и ее родственники, функция, setTimeout и setInterval) предоставляют доступ к компилятору JavaScript. Это иногда необходимо, но в большинстве случаев это указывает на наличие крайне плохого кодирования. Функция eval является наиболее неправильно особенность Яваскрипт.

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

stimms · Accepted Answer · 2009-05-04 20:05:02

вероятно, самый простой способ-использовать плагин таймеров. http://plugins.jquery.com/project/timers а потом назовем что-то вроде
$(this).oneTime(1000, function() {
    $("#something").hide();
  });