javascript - setInterval - 如果元素有类外部间隔

Question

您好，我使用以下函数每 10 秒加载一次 javascript 并更改某些元素的可见性:

function folienwechsel(){
    if ($("section:last-child").hasClass('active') ) {
            $("section.active").hide();
            $("section.active").removeClass("active").prevUntil("first").show().addClass("active");
    } else {
            $("section.active").hide();
            $("section.active").removeClass("active").next().show().addClass("active");             
    };
}

setInterval(function(){
folienwechsel()}, 10000)

现在我想扩展它来延长一个间隔，如果一个元素有一个像“视频”这样的类。您对如何做到这一点有什么建议吗？

谢谢你的帮助

Answer 1

你可能需要尝试这样的事情:

var myInterval;

function folienwechsel() {
    if ($("section:last-child").hasClass('active')) {
        $("section.active").hide();
        $("section.active").removeClass("active").prevUntil("first").show().addClass("active");
    } else {
        $("section.active").hide();
        $("section.active").removeClass("active").next().show().addClass("active");
    };


    if ($("section:last-child").hasClass('video')) {
        clearInterval(myInterval);
        myInterval = setInterval(function() {
                folienwechsel()
            }, 2000) //Updated interval
    } else {
        //In other scenarios you may need to reset it.
        myInterval = setInterval(function() {
            folienwechsel()
        }, 10000)
    }
}
myInterval = setInterval(function() {
    folienwechsel()
}, 10000);