HTML定時圖片是一種常用的網頁特效，可以讓網頁更加生動有趣。在實現定時圖片的代碼中，主要用到了HTML的img標簽、JavaScript的setInterval方法以及DOM（文檔對象模型）。
<html>
<head>
<title>定時圖片</title>
</head>
<body>
<h1>我的定時圖片</h1>
<p><img id="pic" src="pic1.jpg"/></p>
<script type="text/javascript">
var pic = document.getElementById('pic'); // 獲取圖片元素
var index = 1; // 初始化圖片索引
setInterval(function() { // 設置定時器
pic.src = 'pic' + index + '.jpg'; // 更換圖片地址
index++; // 圖片索引+1
if (index > 3) { // 圖片最多顯示到第三張，超過則回到第一張
index = 1;
}
}, 2000); // 每2秒自動切換一次圖片
</script>
</body>
</html>在上述代碼中，首先用img標簽加載一張初始圖片，并為其添加id屬性以便后續操作。接下來使用JavaScript的setInterval方法循環執行一個匿名函數，這個函數中包含了切換圖片的代碼。在每一次循環中，通過改變圖片的src屬性來更換不同的圖片，實現了不斷切換圖片的效果。同時利用index變量來實現3張圖片的循環播放。最后通過在setInterval方法中設置時間間隔，控制定時圖片的速度。