让javascript在单击链接时不运行特定代码

您好，如果我的问题由于缺乏javascript知识而不清楚，请道歉。我是一名自学成才的php:er，并决定尝试使用php方法编写javascript。所以我的问题是：

我想制作一个图片幻灯片：

1） 有按钮去下一个/上一个图片，（作品）

2） 每X秒自动更改一次图片，（有效）

3） 在预览整个系列的图片后，停止自动更改图片（工作）

4） 如果按下“下一步/上一步”按钮，则停止自动更改图片。（不起作用）

1-3我已经设法弄明白了。但出于我可怜的理解之外的原因，我不能这么做！如果设置了“n”变量，我尝试设置一个“lap”变量。我认为这意味着，如果按下“next/prev”按钮，将设置lap，javascript代码将不会读取设置showSlides的行。不管我用多少种不同的方法尝试，它都不起作用！你能帮我吗？这是我的密码：

下面是CSS

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: #595959;
  font-weight: normal;
  font-size: 38px;
  transition: 0.6s ease;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  top:50px;
  right: 0;
}

.prev {
  top:50px;
  left: 0;
}

下面是HTML

<td class='slideshow-container' valign='top' style='width:50%;padding:3%;text-align:center;'>
    <center>
        <div class='mySlides fade' style='position:relative;'>
        <img src='forsig.JPG' style='width:90%'>
        </div>
        <div class='mySlides fade' style='position:relative;'>
        <img src='grundblocket.JPG' style='width:90%'>
        </div>
        <div class='mySlides fade' style='position:relative;'>
        <img src='kajaky.JPG' style='width:90%'>
        </div>
        <div class='mySlides fade' style='position:relative;'>
        <img src='Rescueshot1.jpg' style='width:90%'>
        </div>
        <div class='mySlides fade' style='position:relative;'>
        <img src='rescueshot2.jpg' style='width:90%'>
        </div>
        <div class='mySlides fade' style='position:relative;'>
        <img src='skoretc.JPG' style='width:90%'>
        </div>
    echo "</center>
    <a class='prev' onclick='plusSlides(-1)'>&#10094;</a>
    <a class='next' onclick='plusSlides(1)'>&#10095;</a>
</td>

回声“
❮
❯

Javascript如下：

<script>
var slideIndex = 0;
showSlides();

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  if (n > slides.length) {slideIndex = 1}  
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";  
  }
  if (typeof n == 'undefined') {slideIndex++;}
  if (slideIndex > slides.length) {slideIndex = 1} 
  if (slideIndex == slides.length) {var lap = "ye"}
  slides[slideIndex-1].style.display = "block";  
  if (typeof lap == 'undefined') {
     if (typeof n == 'undefined') {setTimeout(showSlides, 5000);}
  }
}
</script>

var slideIndex=0；
放映幻灯片（）；
函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}
功能演示幻灯片（n）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
如果（n>slides.length）{slideIndex=1}
如果（n<1）{slideIndex=slides.length}
对于（i=0；islides.length）{slideIndex=1}
如果（slideIndex==slides.length）{var lap=“ye”}
幻灯片[slideIndex-1].style.display=“block”；
if（搭接类型==‘未定义’）{
if（typeof n=='undefined'）{setTimeout（showselides，5000）；}
}
}

添加

var lap；

在

var slideIndex=0；

的顶部，将

var lap=“ye”

替换为

lap=“ye”

现在，您可以用任何其他函数设置

lap

变量，它将停止自动播放。

---

留下一些细节供您了解。

下面是代码，它正在执行我希望它执行的操作：

<script>
var slideIndex = 0;
var lap
var to
showSlides();

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  if (n > slides.length) {slideIndex = 1}  
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";  
  }
  if (typeof n == 'undefined') {slideIndex++;}
  if (slideIndex > slides.length) {slideIndex = 1} 
  if (slideIndex == slides.length) {lap = "ye"}
  if (typeof n !== 'undefined') {
      lap = "ye";
      clearTimeout(to);
  }
  slides[slideIndex-1].style.display = "block";  
  if (typeof lap == 'undefined') {
     if (typeof n == 'undefined') {to = setTimeout(showSlides, 5000);}
  }
}
</script>

var slideIndex=0；
var搭接
var至
放映幻灯片（）；
函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}
功能演示幻灯片（n）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
如果（n>slides.length）{slideIndex=1}
如果（n<1）{slideIndex=slides.length}
对于（i=0；islides.length）{slideIndex=1}
如果（slideIndex==slides.length）{lap=“ye”}
如果（类型n！==‘未定义’）{
lap=“ye”；
清除超时（to）；
}
幻灯片[slideIndex-1].style.display=“block”；
if（搭接类型==‘未定义’）{
if（typeof n=='undefined'）{to=setTimeout（showshiels，5000）；}
}
}

您在if语句中声明“lap”，然后在if语句外调用它。此时不清楚/不可靠lap将表示什么。建议您在上面声明它，将其设置为默认值，然后根据if语句更改它。此外，您可以将其设为布尔值，而不是使用所有这些类型的内容谢谢你的解释，菲尔！它现在可以工作了：）谢谢crtag！你们是最棒的，现在可以工作了：）我还将setTimeout设置为var，并添加了clearTimeout（），使其立即停止，而不是在最初的setTimeout过去之后。