html/javascript幻灯片无法播放_Javascript_Html_Slideshow

html/javascript幻灯片无法播放

javascript html

html/javascript幻灯片无法播放,javascript,html,slideshow,Javascript,Html,Slideshow,我想在我的网页上播放幻灯片，但我的代码不起作用。这是我的html： <body> <script type="text/javascript"> var slideNumber = 1; function slide() { document.getElementById("slideshow").src = "../images/slideshow/" + slideNumber + ".jpg"; slideNumber++; if (sli

我想在我的网页上播放幻灯片，但我的代码不起作用。这是我的html：

<body>
<script type="text/javascript">
var slideNumber = 1;
function slide() {
    document.getElementById("slideshow").src = "../images/slideshow/" + slideNumber + ".jpg";
    slideNumber++;
    if (slideNumber == 5) {
        slideNumber = 1;
    }
    setTimeout("slide()",2500);
}
slide();
</script>
<img id="slideshow" src="../images/slideshow/1.jpg" width="500" height="300"/>
</body>


var-slideNumber=1；
函数幻灯片（）{
document.getElementById（“slideshow”）.src=“../images/slideshow/”+slideNumber+”.jpg”；
slideNumber++；
如果（slideNumber==5）{
slideNumber=1；
}
设置超时（“滑动（）”，2500）；
}
幻灯片（）；

为什么它不能按预期工作？

设置超时调用代码中不存在的函数

slideit（）

。将其更改为

slide（）

可能会更好

另外，

eval

是不必要的，脚本阻塞是因为您试图通过

getElementById（“slideshow”）

访问代码中不存在的元素

#slideshow

编辑：修复它

<body>

  <img id="slideshow" src="../images/slideshow/1.jpg" width="500" height="300"/>

<script type="text/javascript">
    var slideNumber = 1;
    function slide() {
        document.getElementById("slideshow").src = "../images/slideshow/" + slideNumber + ".jpg";
        slideNumber++;
        if (slideNumber == 5) {
            slideNumber = 1;
        }
        setTimeout("slide()",1000);
    }
    slide();
</script>

</body>


var-slideNumber=1；
函数幻灯片（）{
document.getElementById（“slideshow”）.src=“../images/slideshow/”+slideNumber+”.jpg”；
slideNumber++；
如果（slideNumber==5）{
slideNumber=1；
}
设置超时（“滑动（）”，1000）；
}
幻灯片（）；

设置超时调用代码中不存在的函数

slideit（）

。将其更改为

slide（）

可能会更好

另外，

eval

是不必要的，脚本阻塞是因为您试图通过

getElementById（“slideshow”）

访问代码中不存在的元素

#slideshow

编辑：修复它

<body>

  <img id="slideshow" src="../images/slideshow/1.jpg" width="500" height="300"/>

<script type="text/javascript">
    var slideNumber = 1;
    function slide() {
        document.getElementById("slideshow").src = "../images/slideshow/" + slideNumber + ".jpg";
        slideNumber++;
        if (slideNumber == 5) {
            slideNumber = 1;
        }
        setTimeout("slide()",1000);
    }
    slide();
</script>

</body>


var-slideNumber=1；
函数幻灯片（）{
document.getElementById（“slideshow”）.src=“../images/slideshow/”+slideNumber+”.jpg”；
slideNumber++；
如果（slideNumber==5）{
slideNumber=1；
}
设置超时（“滑动（）”，1000）；
}
幻灯片（）；

设置超时调用代码中不存在的函数

slideit（）

。将其更改为

slide（）

可能会更好

另外，

eval

是不必要的，脚本阻塞是因为您试图通过

getElementById（“slideshow”）

访问代码中不存在的元素

#slideshow

编辑：修复它

<body>

  <img id="slideshow" src="../images/slideshow/1.jpg" width="500" height="300"/>

<script type="text/javascript">
    var slideNumber = 1;
    function slide() {
        document.getElementById("slideshow").src = "../images/slideshow/" + slideNumber + ".jpg";
        slideNumber++;
        if (slideNumber == 5) {
            slideNumber = 1;
        }
        setTimeout("slide()",1000);
    }
    slide();
</script>

</body>


var-slideNumber=1；
函数幻灯片（）{
document.getElementById（“slideshow”）.src=“../images/slideshow/”+slideNumber+”.jpg”；
slideNumber++；
如果（slideNumber==5）{
slideNumber=1；
}
设置超时（“滑动（）”，1000）；
}
幻灯片（）；

设置超时调用代码中不存在的函数

slideit（）

。将其更改为

slide（）

可能会更好

另外，

eval

是不必要的，脚本阻塞是因为您试图通过

getElementById（“slideshow”）

访问代码中不存在的元素

#slideshow

编辑：修复它

<body>

  <img id="slideshow" src="../images/slideshow/1.jpg" width="500" height="300"/>

<script type="text/javascript">
    var slideNumber = 1;
    function slide() {
        document.getElementById("slideshow").src = "../images/slideshow/" + slideNumber + ".jpg";
        slideNumber++;
        if (slideNumber == 5) {
            slideNumber = 1;
        }
        setTimeout("slide()",1000);
    }
    slide();
</script>

</body>


var-slideNumber=1；
函数幻灯片（）{
document.getElementById（“slideshow”）.src=“../images/slideshow/”+slideNumber+”.jpg”；
slideNumber++；
如果（slideNumber==5）{
slideNumber=1；
}
设置超时（“滑动（）”，1000）；
}
幻灯片（）；

工作小提琴：

还要确保您能够识别

工作小提琴：

还要确保您能够识别

工作小提琴：

还要确保您能够识别

工作小提琴：

还要确保您能够识别

您必须将id=“slideshow”添加到

要更改图像。

您必须将id=“slideshow”添加到

要更改图像。

您必须将id=“slideshow”添加到

要更改图像。

您必须将id=“slideshow”添加到

为了更改图像。

幻灯片应该显示在哪里？在日志中发现任何错误？显示图像1.jpg。idk关于日志：是否存在您创建的id为“slideshow”的DOM？幻灯片应该显示在哪里？在日志中发现任何错误？显示图像1.jpg。idk关于日志：是否存在您创建的id为“slideshow”的DOM？幻灯片应该显示在哪里？在日志中发现任何错误？显示图像1.jpg。idk关于日志：是否存在您创建的id为“slideshow”的DOM？幻灯片应该显示在哪里？在日志中发现任何错误？显示图像1.jpg。idk关于日志：是否存在您创建的id为“slideshow”的DOM？此外，变量SlideEnumber永远不会等于5。@danielaKay:是的！正确的！我把它修好了，但也换了，我把它从if中取出来：）谢谢you@Alfabravo：哦，是的！不管怎么说，该函数不包含n，但也包含！如果我想让幻灯片一直运行，我该怎么办？而且，变量slideNumber永远不会等于5。@danielaKay:是的！正确的！我把它修好了，但也换了，我把它从if中取出来：）谢谢you@Alfabravo：哦，是的！不管怎么说，该函数不包含n，但也包含！如果我想让幻灯片一直运行，我该怎么办？而且，变量slideNumber永远不会等于5。@danielaKay:是的！正确的！我把它修好了，但也换了，我把它从if中取出来：）谢谢you@Alfabravo：哦，是的！不管怎么说，该函数不包含n，但也包含！如果我想让幻灯片一直运行，我该怎么办？而且，变量slideNumber永远不会等于5。@danielaKay:是的！正确的！我把它修好了，但也换了，我把它从if中取出来：）谢谢you@Alfabravo：哦，是的！不管怎么说，该函数不包含n，但也包含！如果我想让幻灯片一直运行，我该怎么办？我在外部javascript中复制了你的代码，并添加了一个警报，因此我确定javascript已连接到我的文件，我也在html中添加了id，但它仍然不起作用！我正在用VisualStudio编程（如果有任何方法可以调试的话），我挣扎了很多，我真的不知道该怎么办！我最后加了一句，试试看