ltPltP ltP align=centerltP ltTABLE id=table8 borderColor=#bdb76b cellSpacing=0 cellPadding=0 width=533 align=center border=3 ltTBODY ltTR ltTD ltSCRIPT language=JavaScript lt！ var bannerAD=。

1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的script標(biāo)簽中，填入js代碼setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003瀏覽器進(jìn)入indexhtml頁面中，此時(shí)顯示。

lt！DOCTYPE html lthtml lthead lttitle圖片輪播lttitle ltscript type=quottextjavascriptquot windowonload = initfunction init windowsetIntervalquotstart2quot，1000 var i = 1function start2 var。

HTML中圖片輪播代碼如下lt！DOCTYPE htmllthtmlltheadlttitle圖片輪播代碼lttitleltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，maximumscale=10，minimumscale=1。

思路定時(shí)設(shè)置并修改多張照片的css display屬性displayblock 顯示照片 display 隱藏照片 用定時(shí)器，每隔一定時(shí)間設(shè)置其中一張照片顯示，其它的隱藏循環(huán)操作即可。

數(shù)組長(zhǎng)度var img=documentgetElementByIdquotimg1quot 圖片var index=0 索引定時(shí)器setIntervalfunction ifindexlen index=0 imgsrc=imgsindex++，1000。