Javascript - no repeat image

Question

У меня этот код в JavaScript и это изображения 1-6 все еще повторяются. Но я хочу, когда он на 6 остановится и не повторится. Как мне это сделать?

<script> 
    function displayNextImage2() { 
       y = (y === images2.length - 1) ? 0 : y + 1; 
       document.getElementById("img2").src = images2[y]; 
      } 

      function displayPreviousImage2() { 
       y = (y <= 0) ? images2.length - 1 : y - 1; 
       document.getElementById("img2").src = images2[y]; 
      } 

      function startTimer2() { 
       setInterval(displayNextImage2, 5000); 
      } 

      var images2 = [], y = 0; 
      images2[0] = "images/one.PNG"; 
      images2[1] = "images/two.PNG"; 
      images2[2] = "images/three.PNG"; 
      images2[3] = "images/four.PNG"; 
      images2[4] = "images/five.PNG"; 
      images2[5] = "images/six.PNG"; 
</script> 

Благодарим за каждый ответ.

Answer 1

Изменение displayNextImage2 метод

function displayNextImage2() 
{ 
    if (y <= images2.length - 1) 
    { 
    document.getElementById("img2").src = images2[y]; 
    y++; 
    clearInterval(timer2); 
    } 
} 

убедитесь, что вы очистить интервал, а также, так что вам нужно сохранить ссылку на него

var timer2 = ""; 
function startTimer2() 
{ 
    timer2 = setInterval(displayNextImage2, 5000); 
} 

это не будет повторяться после того, как он достигнет последнее изображение