setInterval - 如果element具有类扩展间隔

时间:2015-03-11 08:46:01

标签: 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)

现在我想扩展它以扩展一个区间,如果一个元素有一个类似“视频”的类。你有什么建议吗?

感谢您的帮助

1 个答案:

答案 0 :(得分: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);