HTML是一種常用的網頁編程語言，可以用來設置網頁的樣式，設計慈航，還可以控制網頁的元素。如果你想要讓網頁上的圖片經常變換，那么就可以使用HTML中的“設置間隔幾秒換圖”的功能，讓你的網頁更加生動有趣。
// HTML代碼
<html>
<head>
<title>設置間隔幾秒換圖</title>
<meta charset="utf-8">
<script>
var i = 0; // 定義一個變量 i，用來控制圖片數組下標
var images = new Array("1.jpg", "2.jpg", "3.jpg", "4.jpg"); // 定義圖片數組
function changeImage() {
document.getElementById("img").src = images[i]; // 將圖片 src 屬性設置為當前下標所對應的圖片
i++; // 下標加1
if(i >= images.length) { // 如果下標大于等于數組長度，則重新開始
i = 0;
}
setTimeout("changeImage()", 2000); // 每2秒自動更換一張圖片
}
window.onload = function() { // 在頁面加載完成后執行
changeImage(); // 調用函數開始更換圖片
}
</script>
</head>
<body>
<img src="1.jpg" id="img"> // 初始化圖片，id 屬性為 img
</body>
</html>在上面的代碼中，我們首先定義了一個變量 i，用來控制圖片數組下標，然后定義了一個圖片數組 images，用來存儲所有需要更換的圖片。接著，我們定義了一個函數 changeImage()，該函數用來切換圖片，每次更換圖片時，將 img 元素的 src 屬性設置為當前下標所對應的圖片，然后將下標加1，如果下標超出了數組范圍，則將其重新設置為0，達到循環更換圖片的目的。最后，我們通過 setTimeout() 函數設置了一個定時器，每隔2秒鐘就會自動執行changeImage() 函數，實現了間隔幾秒換圖的效果。
上一篇html 設置跨域訪問
下一篇b站vue哪個講得好