Javascript 自动幻灯片放映

我已经为此工作了一段时间，但我似乎无法让javascript启动for循环。我一直在使用w3Schools作为参考，做了很多研究，但仍然空空如也。如果有人有任何见解或其他方法，请告诉我

aspx侧

<style>
        .mySlides {
            display: none;
        }
</style>

<script>
        var myIndex = 0;
        carousel();

        function carousel() {
            var i;
            var x = document.getElementsByClassName("mySlides");
            for (i = 0; i < x.length; i++) {
                x[i].style.display = "none";
            }
            myIndex++;
            if (myIndex > x.length) { myIndex = 1 }
            x[myIndex - 1].style.display = "block";
            setTimeout(carousel, 10000); // Change image every 10 seconds
        }
    </script>

        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="content section" style="max-width: 100%;">
                    <img class="mySlides" src="img/personel.png" style="width: 100%; height: 800px" />
                    <img class="mySlides" src="img/integration.png" style="width: 100%; height: 800px" />
                    <img class="mySlides" src="img/tech_background.png" style="width: 100%; height: 800px" />
                </div>
            </div>
        </div>

---

如注释中所述，您只需将

块移动到幻灯片HTML之后（通常将其放置在正文的最末端，在结束

之前），以便在尝试选择的元素加载到DOM中后执行：

.content{
最大宽度：980px
}
部分
.代码{
利润上限：16px！重要；
利润底部：16px！重要
}
密码
.codespan{
字体系列：Consolas，“courier new”；
字号：16px
}
.代码{
宽度：自动；
背景色：#fff；
填充：8px 12px；
左边框：4px实心#4CAF50；
换行：打断单词
}
.codespan{
颜色：深红色；
背景色：#f1f1；
左侧填充：4px；
右侧填充：4px；
字体大小：110%
}

迈斯利德斯先生{
显示：无；
}
var-myIndex=0；
转盘（）；
函数旋转木马（）{
var i；
var x=document.getElementsByClassName（“mySlides”）；
对于（i=0；ix.length）{
myIndex=1
}
x[myIndex-1].style.display=“block”；
setTimeout（carousel，10000）；//每10秒更改一次图像
}

您的

块必须在转盘HTML之后移动，否则它将在您尝试选择的元素加载到DOM@MadelineKallis将来，请留意浏览器控制台中的错误。它应该向您显示一个错误“UncaughtTypeError:无法读取未定义的属性'style'。即使它对你没有帮助，它对那些试图回答你问题的人也是有用的。

.content {
    max-width: 980px
}

.section, .code {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}
.code, .codespan {
    font-family: Consolas,"courier new";
    font-size: 16px
}

.code {
    width: auto;
    background-color: #fff;
    padding: 8px 12px;
    border-left: 4px solid #4CAF50;
    word-wrap: break-word
}

.codespan {
    color: crimson;
    background-color: #f1f1f1;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 110%
}