使用javascript事件时自动幻灯片放映不会停止

我写了一个脚本来制作一个自动幻灯片，我希望当我只点击（或在mouseover上点击）图像（或内容）时它停止，但它对我不起作用。有人请告诉我，如果我的代码有任何错误。谢谢大家!

这是我的代码：

var slideIndex=1；
放映幻灯片（幻灯片索引）；
函数plusslide（n）{
放映幻灯片（幻灯片索引+=n）；
};
功能演示幻灯片（n）{
var i；
var slides=document.getElementsByClassName（“淡入淡出”）；
如果（n>slides.length）{slideIndex=1}；
如果（n代码中有一个小的输入错误。请将
getElementsbyClassName
替换为
getElementsbyClassName

将来，您可以使用浏览器的开发人员控制台捕获此类错误，它将告诉您代码中的错误位置和类型。只需搜索开发人员工具，它将帮助您自己查找和修复此类错误

编辑：

哦，是的，没有看到那一行。这一行确实也有一个错误：

document.getElementsByClassName("fade").onclick=function(){stop()};

问题就在这里。
getElementsByClassName
不返回DOM元素，而是返回一个元素数组，因为有多个元素具有该类名。您必须遍历每个元素才能访问它们上的
onclick
，就像您在上面的函数中所做的那样，如下所示：

var slides = document.getElementsByClassName("fade");
for (var i = 0; i < slides.length; i++) {
    slides[i].onclick = stop;
}

var slides=document.getElementsByClassName（“淡入淡出”）；
对于（变量i=0；i

还有，小插曲：我缩短了
function（）{stop（）}
在我的回答中只
stop
。由于您只在onclick中调用该函数而没有任何参数，因此可以直接将stop绑定到onclick。
感谢您的回答和建议，我将尝试开发工具。我解决了这个问题，但仍然不起作用。如果我删除代码文档。GetElementsByCassName（“fade”）。onclick=function（）{stop（）}并在html中为类指定“onclick”，它工作正常，因此我确信这行中存在问题，但仍然不知道为什么（是的，最后它工作了。我以为你忘记了“（）”，所以我添加了它，但它不工作。刚开始使用html/css/js，它们有时真的让我困惑。非常感谢你的帮助！