javascript - setInterval为什么只执行一次

问题描述

问 题

• 简单的背景切换

jquery部分

$(function(){
            
            function direct(){
                
                for(var i=0;i<2;i++){
                $(".bg_img").eq(i).show().siblings().hide();
                }
            }

            setInterval(direct,1000);
        })

html部分

<div class="main_bg">
        <div class="bg_img bg1"></div>
        <div class="bg_img bg2"></div>
    </div>

css部分

.bg2默认display:none;

• setInterval（）只执行了一次，就想问为啥进入不了第二次？

各位大佬不要鄙视我，感谢您的解答~

解决方案

for(var i=0;i<2;i++){
    $(".bg_img").eq(i).show().siblings().hide();
}

这段代码一直在执行 但是 执行结果都是i=1的显示 i=0的隐藏。
html：

<div class="div-box">
    <div class="div-item div-item0" data-index="0"></div>
    <div class="div-item div-item1" data-index="1"></div>
</div>

js：

var divItems = document.querySelectorAll('.div-item'),
    i = 0;
function test() {
    for ( var k = 0 ; k < 2; k++ ) {
        divItems[k].style.display = 'none';
    }
    document.querySelector( '.div-item' + i ).style.display = 'block';
    i == 0 ? i = 1 : i = 0;
}
setInterval(test, 1000);

这篇关于javascript - setInterval为什么只执行一次的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！