jquery - jquery不要在同一时间两次运行相同的功能

Question

我有一个代码。

setInterval(somefunc, 1000);

function somefunc() {
    curid = $(".chat-message:last").attr("id");
    $.post("http://blah.com/blah.php&last_msg_id=" + curid, function (data) {

        $('.chat-messages').append(data);
    });
}

function saveChat() {
    var texts = $('#chatText').val();

    var request = $.ajax({
        type: "POST",
        url: "http://blah.com/submit.php",
        data: {
            text: texts
        },
        dataType: "html"
    });

    request.done(function (msg) {
        somefunc();
    });
}

问题是有时 saveChat 与 interval 同时执行，并且 somefunc 附加到 .chat-messages 的信息重复。我怎么能避免呢？我需要一个函数，它只允许在之前的 somefunc() 执行完全完成时再次执行函数 somefunc() 。或者只是不允许同时执行函数 somefunc() 两次。

Answer 1

Don't use setInterval, but nest setTimeout:

setTimeout(somefunc, 1000);
function somefunc() {
    //snip
    $.post().done(function () { setTimeout(somefunc, 1000); });
}