Javascript 暂停一个函数；onClick"；

我目前正在制作一个带有5个按钮（开始、停止、暂停、向后、向前）的图像幻灯片。我的开始按钮加载了一个自动运行功能，开始播放图像，而向后/向前按钮跳过/返回图像。我想知道当点击“暂停”按钮时，如何暂停自动运行功能？再次单击时不需要恢复，只需在当前图像上暂停即可。停止功能（完成后）将结束该功能并返回开始。干杯

HTML：

  <button onClick="autoRun()">Start</button>
  <button onClick="changeImage(-1); return false;">Previous Image</button>
  <button onClick="pause();">pause</button>
  <button onClick="changeImage(1); return false;">Next Image</button>
  <button onClick="stop();">Stop</button>



  </td>

开始
以前的图像
暂停
下一张图片
停止

JavaScript：

var images = ["HGal0.jpg", "HGal1.jpg", "HGal2.jpg", "HGal3.jpg", "HGal4.jpg", "HGal5.jpg", "HGal6.jpg", "HGal7.jpg", "HGal8.jpg", "HGal9.jpg", "HGal10.jpg", "HGal11.jpg", "HGal12.jpg", "HGal13.jpg", "HGal14.jpg", "HGal15.jpg"];

var imageNumber = 0;
var imageLength = images.length - 1;

function changeImage(x) {
imageNumber += x;
// if array has reached end, starts over
if (imageNumber > imageLength) {
    imageNumber = 0;
}
if (imageNumber < 0) {
    imageNumber = imageLength;
}

document.getElementById("slideshow").src = images[imageNumber];

return false;
}

function autoRun() {
setInterval("changeImage(1)", 2000);

}

var images=[“HGal0.jpg”、“HGal1.jpg”、“HGal2.jpg”、“HGal3.jpg”、“HGal4.jpg”、“HGal5.jpg”、“HGal6.jpg”、“HGal7.jpg”、“HGal8.jpg”、“HGal9.jpg”、“HGal10.jpg”、“HGal11.jpg”、“HGal12.jpg”、“HGal13.jpg”、“HGal14.jpg”、“HGal15.jpg]；
var imageNumber=0；
var imageLength=images.length-1；
函数更改图像（x）{
imageNumber+=x；
//如果数组已到达末尾，则重新开始
如果（imageNumber>imageLength）{
imageNumber=0；
}
如果（图像编号<0）{
imageNumber=imageLength；
}
document.getElementById（“slideshow”）.src=images[imageNumber]；
返回false；
}
函数自动运行（）{
设置间隔（“更改图像（1）”，2000年；
}

在变量中设置间隔：

var interval = setInterval("changeImage(1)", 2000);

并使用clearInterval（）清除它：

---

在变量中设置间隔：

var interval = setInterval("changeImage(1)", 2000);

并使用clearInterval（）清除它：

---

你读过吗？名为Start（）的函数应该称为autoRun（），没有？是的@jordaniac89我刚在发布时修复了它，谢谢你读过吗？名为Start（）的函数应该称为autoRun（），没有？是的@jordaniac89我刚刚修复了它，谢谢这似乎是在正确的轨道上，我对js还是新手，尤其是间隔。暂停功能现在正在工作，但我一按下“开始”按钮，它就会继续循环（应该是这样的），但暂停按钮将不再工作，因此它似乎只工作一次。它现在也在加载自动运行，而不是等到我按下开始。这似乎是在正确的轨道上，我仍然是新的js。暂停功能现在正在工作，但我一按下“开始”按钮，它就会继续循环（应该是这样的），但暂停按钮将不再工作，因此它似乎只工作一次。它现在也在加载自动运行，而不是等到我按下开始。