js怎么实现点击循环切换颜色

JavaScript012

js怎么实现点击循环切换颜色,第1张

你可以先将要出现的颜色,存储到一个数组里,点击时切换数组里的元素就可以了。

下面是小例子:

<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等于第一个颜色就切换成第二个颜色 否则就切换为第一个颜色