jQuery показать в течение 5 секунд, а затем скрыть



Я использую .show для отображения скрытого сообщения после успешной отправки формы.



Как отобразить сообщение в течение 5 секунд, затем спрятать?

580   2  

2 ответов:

можно использовать .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();
});

вы можете использовать эффект ниже для анимации, вы можете изменить значения в соответствии с вашими требованиями

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

Comments

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