Question

我使用下面的JQuery代码，在10秒后淡出div：

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，计数器和成功消息都会淡出？

Answer 1

尝试这种方式.. Demo

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);

new demo for updated que

JQuery第二次倒计时并隐藏div

1 个答案: