javascript - 更改 setInterval 的延迟

Question

这个问题已经有答案了:

How to pass a variable to setInterval? (1 个回答)

已关闭 8 年前。

我有一个高音提要。该提要显示一个小div通过一些动画，首先它检查 div 是否display属性(property)其:none如果是这样，它会切换可见性并从 json 文件写入一些信息。但是，如果是 display: block它隐藏了“div”。

现在我想使用函数内的“if”“else”更改“setInterval”的“延迟”值。但我无法更改它？

$(document).ready(function() {
    $.ajaxSetup({ cache: false });
    var delay = 2000;
    setInterval(function() {
        var isVisible = $('#container').css("display") == "none";
        if(isVisible) {
            delay = 10000;

            $("#container").toggle( "clip", "slow" );
            $.getJSON('data.json', function (data) {
                document.getElementById("user").innerHTML = "<h1>@" 
                + data.user.screen_name + "</h1>";
            });
        }
        else {
            delay = 1000;
            $("#container").toggle( "clip", "slow" );
        }
    }, delay );
});

谢谢!

Answer 1

对于您的情况，您可以尝试使用 setTimeout:

$(document).ready(function() {
    $.ajaxSetup({ cache: false });
    var delay = 2000,
        toggleDiv;

    toggleDiv = function() {
        var isVisible = $('#container').css("display") == "none";
        if(isVisible) {
            setTimeout(toggleDiv, 10000);

            $("#container").toggle( "clip", "slow" );
            $.getJSON('data.json', function (data) {
                document.getElementById("user").innerHTML = "<h1>@" 
                + data.user.screen_name + "</h1>";
            });
        }
        else {
            setTimeout(toggleDiv, 1000);
            $("#container").toggle( "clip", "slow" );
        }
    };

    setTimeout(toggleDiv, delay);
});