У меня есть 2 картинки и я хочу, чтобы они сменялись с помощью js.
Имена прописаны правильно. Изначально ссылка на картинку пустая, а в js, по идее, должны подставляться нужные картинки. Отладчик выполняет код и молчит.
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>PZ5</title>
</head>
<body>
<button name="start" onclick="start()">start</button>
<button name="stop">stop</button>
<img class="butterfly" name = "batterfly" src="" alt="">
<script src="scr.js"></script>
</body>
</html>
CSS
body
{
background-image: url(bg.jpg);
}
.butterfly
{
margin-top: 40%;
}
JS
function sleep(milliseconds)
{
const date = Date.now();
let currentDate = null;
do {
currentDate = Date.now();
} while (currentDate - date < milliseconds);
}
function start()
{
imgslide = new Array();
imgslide[0] = new Image();
imgslide[1] = new Image();
imgslide[0].src = "1.png";
imgslide[1].src = "2.png";
for (let index = 0; index < 20; index++)
{
for (let i = 0; i < imgslide.length; i++)
{
document.getElementsByClassName("butterfly").src = imgslide[i].src;
sleep(500);
}
}
}
Если убрать функцию sleep(): всё-равно не работает.
