javascript - 如何为 .css 状态的更改添加延迟

Question

我有以下内容：

  $(document)
    .ajaxStart(function () {
        $(this).css({ 'cursor': 'progress !important' })
    })
    .ajaxStop(function () {
        $(this).css({ 'cursor': 'default !important' })
    });

有没有办法可以将光标进度状态延长 2 秒。现在它来得太快了。换句话说，我想让光标变为“进度”至少几秒钟。

Answer 1

编辑：

尝试使用window.setTimeout.

  var timer = null;

  $(document)
    .ajaxStart(function () {
        if (timer) {
            clearTimeout(timer);
        }
        $(this).css({ 'cursor': 'progress !important' });
    })
    .ajaxStop(function () {
        timer = setTimeout(function() {
           $(this).css({ 'cursor': 'default !important' });
        }, 2000);

    });

Answer 2

像这样试试

$(this).delay('1000').css({ 'cursor': 'progress !important' });

Answer 3

尝试这个

$.delay(1000, function(){
//Do anything after 1 second
});

Answer 4

你可以使用 setTimeout ( http://www.w3schools.com/js/js_timing.asp );

setTimeout("javascript 函数",毫秒);

在“javascript 函数”中做你想做的事，用你想等待的时间替换毫秒。