Question

目前接近使用html和JavaScript完成幻灯片演示。我的最后一个问题是创建需要使用返回函数的停止按钮（我假设）或某种退出函数。它是一个自动运行的图像幻灯片，可以暂停，跳过图像，返回图像等等。我想停止按钮来杀死autoRun功能并将图像设置回第一个默认图像。我已经设置了一个函数，我猜它是完全错误的，因为它不起作用。

HTML

  <td class="controls">

  <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="Exit();">Exit</button>



  </td>

</tr>

除最后一个按钮外，所有按钮都正常工作

的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 interval = setInterval("changeImage(1)", 2000);
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() {
interval = setInterval("changeImage(1)", 2000);

}

function pause(){
clearInterval(interval);
interval = null;
}

function Exit(){
return;
}

我还没有完全理解Exit函数中的return语句，因为我看过的大多数示例都是在满足'if'语句时运行函数，而我希望我的执行时Stop按钮是点击。感谢

Answer 1

return语句只是退出它出现的函数，它不会导致其他事情停止。所以这个：

function Exit(){
return;
}

...具有与此相同的效果：

function Exit() { }

也就是说，该功能完全没有做任何事情。

我想停止按钮来终止自动运行功能并将图像设置回第一个默认图像。

好的，你的Exit()函数也可以调用其他函数：

function Exit() {
  pause();            // this will stop the slideshow
  imageNumber = 0;    // reset to the first image
  changeImage(0);     // change to that image
}

单击时使用返回/停止功能

1 个答案: