Question

我的剧本：

$(function () {
    $("body").addClass("lost");

    var counter = 0;
    var time = 400;
    var delay = time*5+250;

    if($("body").hasClass("lost")) {
        $("nav").delay(delay).css({'background': 'transparent'});
        $("nav").delay(delay).css({'background-color': '#e30'});
        $(this).find(".slogan").delay(delay).html('USB-stick  is lost');
        var title = "this USB-stick is lost";
    } else {
        var title = "this USB-stick is not lost";
        $(this).find(".slogan").delay(delay).html('USB-stick is not lost');
    }

    var titleTimerId = setInterval(function(){
        document.title = document.title + '.';
        counter++;
        if(counter == 5){
            clearInterval(titleTimerId);
            document.title = title;
        }
    }, time);
});

我想要达到的是，在达到var延迟时间之后所有内容都会发生变化，并且标题已经更改，我已将其放在脚本中的某些元素中，但这对我不起作用

这代表导航：

<nav onclick="window.location=''">
    <img src="//sakesalverda.nl/logo.png" alt="badge html 5" class="logo_nav"/>
    <p>sakesalverda.nl</p>
    <h1 class="slogan">USB-stick</h1>
</nav>

Answer 1

来自jQuery docs：

.delay（）方法允许我们延迟执行那些函数在队列中关注它。它可以与标准效果队列一起使用或者使用自定义队列。只有队列中的后续事件才会延迟; 例如，这不会延迟.show（）或。的无参数形式 .hide（），它不使用效果队列。

css()和html()方法不使用队列，您需要使用queue()方法包装它们，例如：

$("nav")
    .delay(delay)
    .queue(function (next) {
        $(this).css({'background': 'transparent'});
        next();
    });

Answer 2

为什么不把if else循环放在setTimeout函数中，计时器为delay？

setTimeout(function () {
        $("nav").delay(delay).css({
            'background': 'transparent'
        });
        $("nav").delay(delay).css({
            'background-color': '#e30'
        });
        $(this).find(".slogan").delay(delay).html('USB-stick  is lost');
        var title = "this USB-stick is lost";
    }, delay);

与其他情况类似

我在jQuery中没有任何延迟

2 个答案: