你可以先将要出现的颜色,存储到一个数组里,点击时切换数组里的元素就可以了。
下面是小例子:
<body><div style="width:100px height:100px border:1px solid #ccc"></div>
</body>
<script>
var sColor = ['red','blue','yellow','gray']
var oDiv = document.getElementsByTagName('div')[0]
var iNum = 0
oDiv.onclick = function(){
this.style.background = sColor[iNum%sColor.length]
iNum++
}
</script>
setInterval(function change(){var color = document.getElementById('tab').style.color
if(color == firstColor){color = secoundColor} else {color = firstColor}
},100)
定时执行change函数 获取color是切换元素的颜色 如果color等于第一个颜色就切换成第二个颜色 否则就切换为第一个颜色