Javascript 如何停止在html中更改照片_Javascript_Html_Setinterval

Javascript 如何停止在html中更改照片

javascript html

Javascript 如何停止在html中更改照片,javascript,html,setinterval,Javascript,Html,Setinterval,我想帮助您使此代码在仅执行三次后停止执行，原因是我有三张照片，想换三次然后停下来 <!DOCTYPE html> <html> <head> <title>change picture</title> <script type = "text/javascript"> function displayNextImage() { x = (x =

我想帮助您使此代码在仅执行三次后停止执行，原因是

我有三张照片，想换三次然后停下来

<!DOCTYPE html>

<html>
   <head>
      <title>change picture</title>
      <script type = "text/javascript">
          function displayNextImage() {
              x = (x === images.length - 1) ? 0 : x + 1;
              document.getElementById("img").src = images[x];
          }

          function displayPreviousImage() {
              x = (x <= 0) ? images.length - 1 : x - 1;
              document.getElementById("img").src = images[x];
          }

          function startTimer() {
              setInterval(displayNextImage, 3000);
          }

          var images = [], x = -1;
          images[0] = "image1.jpg";
          images[1] = "image2.jpg";
          images[2] = "image3.jpg";
      </script>
   </head>

   <body onload = "startTimer()">
       <img id="img" src="1.jpg"/>
       <button type="button" onclick="displayPreviousImage()">Previous</button>
       <button type="button" onclick="displayNextImage()">Next</button>
   </body>
</html>


改变形象
函数displayNextImage（）{
x=（x==images.length-1）？0:x+1；
document.getElementById（“img”）.src=images[x]；
}
函数displayPreviousImage（）{
x=（x用于停止setInteval
功能


改变形象
var区间=0；
var计数器=0；
函数displayNextImage（）{
x=（x==images.length-1）？0:x+1；
document.getElementById（“img”）.src=images[x]；
计数器++；
控制台日志（计数器）；
如果（计数器==3）{
间隔时间；
}
}
函数displayPreviousImage（）{
x=（x在提问时尝试添加（所有）相关标记；这样，更多的人将能够联系到你，从而尝试帮助你。HTML不是这个问题的真正内容，它应该是javascript。祝你好运！你必须使用clearInterval
方法，这是你的问题答案吗？我很高兴听到：）请给出答案，这样对其他人会有帮助。