这是我的幻灯片的 HTML 代码
<img src="images/1.jpg" id="image" style="width:230px; border-bottom:2px solid #000">
<br>
<input type="button" value="Start Slide Show" onClick="startSlideShow()">
<input type="button" value="Stop Slide Show" onClick="stopSlideShow()">
这是我的 Javascript 的代码,但是 if 条件在这里不起作用。你能解决这个问题吗?
<script>
var intervalID;
function startSlideShow(){
intervalID = setInterval(changeImage, 800);
}
function stopSlideShow(){
clearInterval(intervalID);
}
function changeImage(){
var imageSrc = document.getElementById("image").getAttribute("src");
var currentImageNumber = imageSrc.substring(imageSrc.lastIndexOf("/") + 1, imageSrc.lastIndexOf("/") + 2);
if(currentImageNumber == 7){
currentImageNumber == 0;
}
document.getElementById("result").innerHTML = currentImageNumber;
document.getElementById("image").setAttribute("src", "images/" + (Number(currentImageNumber)+1) + ".jpg");
}
changeImage();
</script>
我认为代码的一部分说
currentImageNumber == 0
应该
currentImageNumber = 0
为了循环浏览图像
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句