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

发布网友发布时间：2022-04-23 13:32

共3个回答

热心网友时间：2022-05-15 06:35

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

下面是小例子：

<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>

热心网友时间：2022-05-15 07:53

so easy
如果是多个颜色的话可以放到颜色数组里(自己建的数组里面放需要的颜色)
如果是两个颜色切换就更简单了,获取当前的颜色设置为不同的颜色即可

热心网友时间：2022-05-15 09:28

通过点击事件切换图片/背景色即可，可以通过一个全局变量来记录当前的状态，每次点击更改css和状态就行了