HTML是一種標準語言,用于表示網(wǎng)頁的結(jié)構(gòu)和內(nèi)容。HTML有很多功能,其中之一是在使用定時器時切換圖片。
<!DOCTYPE html> <html> <head> <title>定時切換圖片</title> <script> var i = 0; var images = []; images[0] = "image1.jpg"; images[1] = "image2.jpg"; images[2] = "image3.jpg"; function changeImg() { document.slide.src = images[i]; if (i< images.length - 1) { i++; } else { i = 0; } setTimeout("changeImg()", 3000); } window.onload = changeImg; </script> </head> <body> <img name="slide" width="500" height="300" > </body> </html>
這段代碼創(chuàng)建了一個圖片循環(huán)效果,每3秒鐘自動切換圖片。首先,定義了3個圖片文件名和一個計數(shù)變量i。然后,使用changeImg函數(shù)來設(shè)置圖片的src,并將計數(shù)器加1。如果計數(shù)器超過了圖片數(shù),則將其重置為0。最后,使用setTimeout函數(shù)調(diào)用changeImg函數(shù),在3秒后再次調(diào)用changeImg函數(shù)。