JQuery второй отсчет и скрыть div

Question

JQuery второй отсчет и скрыть div

0

Я использую следующий код JQuery, который исчезает после 10 секунд:

var fade_out = function() {
  $("#notice_board_div").fadeOut().empty();
}
setTimeout(fade_out, 10000);

как я могу также отображать таймер, который отсчитывает от 10, и когда он доходит до 0, он будет запускать вышеуказанный код jquery (скрыть div)

У меня есть этот код:

$('#notice_board_textarea').on('blur', function () { // don't forget # to select by id
    var id = $(this).data('id'); // Get the id-data-attribute
    var val = $(this).val();
    $.ajax({
        type: "POST",
        url: "update_notice_board.php",
        data: {
            notes: val, // value of the textarea we are hooking the blur-event to
            itemId: id // Id of the item stored on the data-id
        },
        success: function (msg) {
            $('#' + id + '_div').html(msg); //Changes the textarea to the text sent by the server
        }
    });
});

который отправляет форму при нажатии на текстовую область.

он отображает сообщение об успешном завершении, а затем этот код:

var fade_out = function() {
  $("#notice_board_div").fadeOut().empty();
}
setTimeout(fade_out, 10000);

который угасает сообщение об успешности. Как я могу заставить счетчик появляться, когда появляется сообщение об успешном завершении, и после того, как счетчик достигнет 0, исчезнет сообщение об ошибке и успешном завершении?

charlie 04 дек. 2013, в 00:29

Источник

1

возможный дубликат jQuery show setTimeout timer
lifetimes 03 дек. 2013, в 23:27

Теги:

jquery

1 ответ

Ещё вопросы

возможный дубликат jQuery show setTimeout timer

Neha · Answer 1 · 2013-12-03T21-02-00.000Z

Попробуйте этот путь.. Демо

var i =10;
var fade_out = function() {
$("#notice").fadeOut().empty();
clearInterval(counter);
};
setTimeout(fade_out, 10000);

function count() {  $("#counter").html(i--); }
var counter = setInterval(function(){ count(); },900);

новая демонстрация для обновленного que

Посмотрите ссылку новой демонстрации, я думаю, что это может ответить на ваши обновления!