我编写了一个 JavaScript，它应该每三秒更改一次标题图像。由于某种原因，当我打开页面时没有任何反应。
有人能看出我做错了什么吗？
HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="changeImage.js"></script>
<title>Mikael Mattsson</title>
</head>
<body>
<div class="header">
<img id="headerImg" src="images/header-image.png" alt="Header image" width="100%" hight="100%">
</div>
</body>
</html>
JavaScript:
var images = [];
images[0] = "images/header-image.png";
images[1] = "images/header-image2.png";
var x = 0;
function imageChanger(){
var img = document.getElementById("headerImg");
img.src = images[x];
x++;
if (x > images.length){
x = 0;
}
setTimeout("imageChanger()", 3000);
}
最佳答案
x > images.length应为x >= images.length。setTimeout("imageChanger()", 3000);必须更改为setTimeout(imageChanger, 3000);
关于javascript - 图像更改循环不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13218884/