下面的程式碼是用來實現圖片新聞的
複製程式碼如下:
變數索引 = 0;
var 計時器 = null;
函數 initGallery(){
for(var i=0; i< 4; i++){
document.getElementById("fPic"+i).style.display = "無";
document.getElementById("fTitl"+i).style.display = "無";
document.getElementById("fNum"+i).style.className = "numOff";
}
開始更改();
設定定時器();
}
函數開始更改(){
索引 = 索引 % 4;
更改圖片(索引);
更改標題(索引);
更改編號(索引);
索引++;
}
函數更改圖片(索引){
for(var i=0; i<4;i++){
document.getElementById("fPic"+i).style.display = "無";
}
document.getElementById("fPic"+index).style.display = "區塊";
}
函數更改標題(索引){
for(var i=0; i<4; i++){
document.getElementById("fTitl"+i).style.display = "無";
}
document.getElementById("fTitl"+index).style.display = "區塊";
}
函數changeNum(索引){
for(var i=0; i<4; i++){
document.getElementById("fNum"+i).className = "numOff";
}
document.getElementById("fNum"+index).className = "numOff numOn";
}
函數清除定時器(){
this.clearInterval(定時器);
}
函數設定定時器(){
計時器 = window.setInterval(startChange, 3000)
}
函數設定索引(索引){
this.index = 索引;
this.startChange();
}