最近在學(xué)習(xí)HTML，做了一個(gè)關(guān)于圖片的作業(yè)，要求實(shí)現(xiàn)圖片的自動(dòng)切換效果，下面是切換代碼：
<html>
<head>
<title>圖片切換</title>
<script type="text/javascript">
var i = 1; // 定義計(jì)數(shù)器
function showImg(){
if(i==4){ // 判斷如果圖片顯示到第四張，從第一張重新開始
i=1;
}
document.getElementById("myImg").src = "img/img" + i + ".jpg"; // 更新圖片
i++; // 計(jì)數(shù)器自加1
}
setInterval("showImg()",1000); // 每隔1秒切換一次圖片
</script>
</head>
<body>
<img id="myImg" src="img/img1.jpg" /> // 初始顯示第一張圖片
</body>
</html>在代碼中，我們先定義了一個(gè)計(jì)數(shù)器i，用于記錄當(dāng)前顯示的圖片編號(hào)。然后在showImg()函數(shù)中，判斷如果當(dāng)前圖片已經(jīng)顯示到第四張，就重新從第一張開始顯示。然后通過document.getElementById("myImg").src語句，更新img標(biāo)簽的src屬性，實(shí)現(xiàn)圖片的切換。最后在setInterval()函數(shù)中，設(shè)置每隔1秒執(zhí)行一次showImg()，實(shí)現(xiàn)自動(dòng)切換。
以上就是關(guān)于HTML圖片作業(yè)切換代碼的介紹，希望對(duì)大家有所幫助。