<html>
<head>
<title>Test</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
//設置時間間隔，單位秒
var intervalTime = 1;
//記錄當前顯示圖片的序列號
current = -1;
//圖片名稱數組
var imageArray = ['images/m01.jpg','images/ilu.jpg','images/m02.jpg','images/m03.jpg'];
//播放圖片的方法
function playImages() {
//獲得下一張圖片的序列號
current = (current == imageArray.length-1) ? 0 : current+1;
//設置圖片路徑，show爲img標籤的name
document.images.show.src = imageArray[current];
//設置回調，進行函數的輪詢調用
window.setTimeout("playImages()", intervalTime*1000);
}
// End -->
</script>
</head>
<body>
<center>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white"width=0 height=150>
<img src="images/m01.jpg" name="show" style="cursor:pointer;" onclick="javascript:window.open(this.src);" onload="return imgzoom(this,600);"/></td>
</tr>
</table>
</center>
</body>
</html>
<script>
//放在頁面的最後纔有效，不清楚原因
playImages();
</script>js播放圖片
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
spa頁面，不同組件按需引入js，aliplayer
(function(d, s, id) { let js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) retur