Question

setInterval - 如果元素具有类 externd 间隔

2015-03-11

1257

javascript jquery setinterval

嗨，我使用以下函数，该函数每 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)

现在我想扩展它以延长间隔，如果元素具有“video”之类的类。您对如何做到这一点有什么建议吗？

谢谢您的帮助

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);