java web 字体颜色循环变化 js实现

setInterval()函数 设定颜色刷新的时间间隔

<div id="baip">
		<h2 class="title" id="character1" >天黑</h2> 			
		<h4 id="character2">请睁眼</h4>		
		</div>	

js部分

	
	<script type="text/javascript" language="javascript">
         
    var i=0;
    setInterval('changeColor()',500);
        function changeColor(){
            var div1=document.getElementById('character1'); 
            var div2=document.getElementById('character2'); 
            var colorArr1=['#8A2BE2','#DEB887','#7FFF00','#008B8B','#FF1493','#DA70D6','#B0C4DE']; 
            var colorArr2=['#DEB887','#7FFF00','#008B8B','#FF1493','#DA70D6','#B0C4DE','#8A2BE2']; 
            if(i==colorArr1.length&&i==colorArr2.length){ 
                    i=0;
                }else{
                    div1.style.color=colorArr1[i++%colorArr1.length]; //循环颜色
                    div2.style.color=colorArr2[i++%colorArr2.length]; 
                }
            }
        
</script>