Javascript-форум - не меняются картинки

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - не меняются картинки (https://javascript.ru/forum/events/52169-ne-menyayutsya-kartinki.html)

не меняются картинки

в коде должны меняться 4 картинка, с определенным интервалом времени. картинки не меняются. если кто знает в чем проблема подскажите пожалуйста.

<HTML>
   <HEAD>
   <meta charset="utf8">
   <SCRIPT type="text/JavaScript">
   
   function multi_pulti() {

  var img_array = new Array();
   for (var i = 0; i<4; i++){
   img_array[i] = new Image(50,100);
}
   img_array[0].src = "e1.jpg";
   img_array[1].src = "e2.jpg";
   img_array[2].src = "e3.jpg";
   img_array[3].src = "e4.jpg";
   var t = new Date();
   
   }

   function s() {
      var p=-1;
   p = p + 1;
 
   document.images[0].src = img_array[1].src;
   if (p == 3) p=-1;
   setTimeout("s()", 1000);


   }

   </SCRIPT>
   </HEAD>

   <BODY onLoad = "multi_pulti()">
   <img src = "e1.jpg">
   <br>
   <form>
   <input type="Button" name="But" value="Подивитися" onClick="s()">
   </form>
   </BODY>
   </HTML>

Walker121212,
:(

var img_array = [],
     i, timer;

 function multi_pulti() {
     for (i = 0; 4 > i; i++) img_array[i] = new Image(50, 100);
     img_array[0].src = "e1.jpg";
     img_array[1].src = "e2.jpg";
     img_array[2].src = "e3.jpg";
     img_array[3].src = "e4.jpg"
 }

 function s() {
     i = ++i % 4;
     window.clearTimeout(timer);
     document.images[0].src = img_array[i].src;
     timer = setTimeout(s, 1000)
 };