Удалить div текст через 5 секунд с помощью jquery?

Ответ 1

Вы можете использовать empty(), чтобы удалить содержимое <div>:

setTimeout(fade_out, 5000);

function fade_out() {
  $("#mydiv").fadeOut().empty();
}

при условии:

<div id="mydiv">
  ...
</div>

Вы можете сделать это с анонимной функцией, если хотите:

setTimeout(function() {
  $("#mydiv").fadeOut().empty();
}, 5000);

или даже:

var fade_out = function() {
  $("#mydiv").fadeOut().empty();
}

setTimeout(fade_out, 5000);

Последнее иногда предпочтительнее, потому что оно меньше загрязняет глобальное пространство имен.

Ответ 2

Вы можете попробовать .delay()

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

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

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

Ответ 3

$.doTimeout( 5000, function(){ 

 // hide the div
}); 

Ответ 4

Вам нужно будет установить что-то вроде setTimeout ('$ ( "# id" ). fadeOut ( "slow" ), 5000), но кроме этого это зависит от того, как выглядит остальная часть вашего кода

Ответ 5

Это должно работать:

$(document).ready(function() { 
    $.doTimeout(5000, function() { 
        $('#mydiv').fadeOut(); 
    }); 
});

Ответ 6

Вам может потребоваться снова отобразить текст div после его исчезновения. Это можно сделать в 1 строке.

$('#div_id').empty().show().html(message).delay(3000).fadeOut(300);

Ответ 7

Как адаптировать этот скрипт для отображения отзывчивого ex/@media (max-width: 600px)/? Css скрипт не работает У кого-нибудь есть хорошее решение?