Javascript 如何通过单击同一按钮多次更改网页背景颜色?
我是JavaScript/jQuery的绝对初学者 我想知道我是否可以通过多次单击同一按钮来实现连续切换网页多种背景颜色的效果 这是我在互联网上找到的脚本:Javascript 如何通过单击同一按钮多次更改网页背景颜色?,javascript,jquery,Javascript,Jquery,我是JavaScript/jQuery的绝对初学者 我想知道我是否可以通过多次单击同一按钮来实现连续切换网页多种背景颜色的效果 这是我在互联网上找到的脚本: <script> $("#change-colour").click(function(){ $("body").css("background-color","red"); }); </script> $(“#更改颜色”)。单击(函数(){ $(“body”).css(“背景色”、“红色”); }
<script>
$("#change-colour").click(function(){
$("body").css("background-color","red");
});
</script>
$(“#更改颜色”)。单击(函数(){
$(“body”).css(“背景色”、“红色”);
});
然而,使用这个我只能改变背景颜色一次。我希望通过单击同一按钮多次更改背景颜色,例如:
单击>>红色>>单击>>蓝色>>单击>>绿色>>单击>>然后返回红色
任何帮助都将不胜感激。
谢谢。您需要将颜色存储在某个位置,如数组,然后使用递增变量获取下一种颜色,如:
var colors = ['red', 'blue', 'green', 'cyan'],
i = 0;
$("#change-colour").click(function(){
$("body").css("backgroundColor", colors[i++]);
if (i >= colors.length)
i = 0;
});
您需要将颜色存储在某个位置,如数组,然后使用递增变量获取下一种颜色,如:
var colors = ['red', 'blue', 'green', 'cyan'],
i = 0;
$("#change-colour").click(function(){
$("body").css("backgroundColor", colors[i++]);
if (i >= colors.length)
i = 0;
});
你好,adeneo,谢谢你的解决方案。这就是我要找的。有点过头了,这是一个骗局<代码>i++;如果(i>=颜色.长度);i=0代码>你好,adeneo,谢谢你的解决方案。这就是我要找的。有点过头了,这是一个骗局<代码>i++;如果(i>=颜色.长度);i=0代码>