HTML5中如何使两个div自动切换

html-css018

HTML5中如何使两个div自动切换,第1张

可以用定时器setInterval

如果是有限的背景色切换,那把这些颜色放在一个数组里面,一秒切换一次

1234567

var arrColor=['green','red','blue']var i=0setInterval(function(){obj.style.backgroundColor=arrColor[i] if(i==arrColor.length-1) i=0 i++},1000)

如果是随机变颜色,我这里写了一个随机颜色的方法

12345678910

function randomColor() {var Str=['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f']var color="#"for(var i=0i<6i++){var index=Math.ceil(Math.random()*Str.length)color+=Str[index]}return color}

你可以参考一下

\x0d\x0avar curIndex=0\x0d\x0a//时间间隔(单位毫秒),每秒钟显示一张,数组共有5张图片放在Photos文件夹下。\x0d\x0avar timeInterval=1000\x0d\x0avar arr=new Array()\x0d\x0aarr[0]="photosǗ.jpg"\x0d\x0aarr[1]="photosǘ.jpg"\x0d\x0aarr[2]="photosǙ.jpg"\x0d\x0aarr[3]="photosǚ.jpg"\x0d\x0aarr[4]="photosǛ.jpg"\x0d\x0asetInterval(changeImg,timeInterval)\x0d\x0afunction changeImg()\x0d\x0a{\x0d\x0avar obj=document.getElementById("obj")\x0d\x0aif (curIndex==arr.length-1) \x0d\x0a{\x0d\x0acurIndex=0\x0d\x0a}\x0d\x0aelse\x0d\x0a{\x0d\x0acurIndex+=1\x0d\x0a}\x0d\x0aobj.src=arr[curIndex]\x0d\x0a}\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a自己修改一下就可以用了