Francis Chijioke Ответов: 1

Как изменить имидж


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

Что я уже пробовал:

<pre><div id = "photo">

<img id = "img" src = "pic1.jpg" width = "300px" height = "200">
</div>


<script>

var images = ["pic1.jpg","pic2.jpg","pic3.jpg"];

var count = 0;

function add(){
		document.getElementById('img').src = images[count];
		 count++;
	    if(count == images.lenght){
		     count = 0;
	
		}
}
setInterval('add()',2000);
 count++;
</script>

ouauo

Привет, ты можешь опубликовать свой Javascript-код?

Francis Chijioke

ВАР изображения = ["pic1.jpg","pic2.jpg","pic3.jpg"];

количество var = 1;

функция add(){
document.getElementById ('img'). src = images[count];
считать++;

}
setInterval (add, 2000);

ouauo

Вы можете использовать сценарий Karthik Bangalore.
Но вы на правильном пути, вы просто забыли сбросить свой счетчик:

ВАР изображения = ["pic1.jpg","pic2.jpg","pic3.jpg"];

количество var = 1;

функция add(){
document.getElementById ('img'). src = images[count];
считать++;
if (count= = images.длина)
количество=0;
}
setInterval (add, 2000);

1 Ответов

Рейтинг:
1

Karthik_Mahalingam

обратитесь к этому простому решению и настройте его самостоятельно.

<!doctype html>
<html lang="en">
<head> 
</head>
<body  >

    <img id="img"  width="300px" height="200">    
   
    <script>

        var images = [
            'https://upload.wikimedia.org/wikipedia/en/thumb/3/30/Java_programming_language_logo.svg/155px-Java_programming_language_logo.svg.png',
            'https://upload.wikimedia.org/wikipedia/en/thumb/9/9e/JQuery_logo.svg/524px-JQuery_logo.svg.png',
            'https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/AngularJS_logo.svg/695px-AngularJS_logo.svg.png'
        ];
        var img = document.getElementById('img');
        var i = 0;
        window.setInterval(function () {
            img.src = images[i];
            i++;
            if (i == images.length )
                i = 0;
             
        }, 1000);


    </script>

</body>
</html>


относиться Метод Window setInterval() [^]
массивы JavaScript[^]

Демонстрация: JSFiddle [^]


Francis Chijioke

благодаря этой полезной

Karthik_Mahalingam

Круто, если это поможет, пожалуйста, закройте этот пост