javascript - JQuery - 在执行函数之前暂停

Question

我无法让 JQuery 在函数执行之前等待一秒钟。 JQuery 脚本在用户 打开网页时显示通知。现在，所有通知都会立即显示，但我希望在例如 1000 毫秒后将它们一一添加。

我试过 setInterval 和 setTimeOut 但没有任何效果。

我的代码 - 通知仍在同时显示。

function showLobiboxNotification(msg, onClickUrl) {
    Lobibox.notify('info', {
        title: 'Notification',
        delay: false,
        msg: msg,
        sound: false,
        position: 'left bottom',
        showClass: 'fadeInDown',
        hideClass: 'fadeUpDown',
        rounded: 'true',
        onClickUrl: onClickUrl
    });
    setTimeout('showLobiboxNotification', 1000)
}

$(document).ready(function () {
    $.ajax({
        type: 'GET',
        url: "/ajax/get-base-notifications/",
        success: function (data) {
            $.each(data, function (k, message) {
                setTimeout(showLobiboxNotification(message['msg'], message['url']),1000);
            });
        }
    });
});

你有什么想法吗？

Answer 1

您需要传递一个函数给setTimeout。您将立即调用该函数并传递结果。

    $.each(data, function (k, message) {
        setTimeout(function() {
            showLobiboxNotification(message['msg'], message['url'])
        },1000);
    });

此外，这一行没有意义。

setTimeout('showLobiboxNotification', 1000);

如果 setTimeout 的参数是一个字符串，它需要是一个有效的 Javascript 语句。仅仅给出一个函数的名称并没有做任何事情。