gpt4 book ai didi

javascript - 控制颜色变化

转载 作者:行者123 更新时间:2023-11-28 20:26:36 25 4
gpt4 key购买 nike

我想让一个按钮在一定时间后改变颜色并淡入正常状态,同时使用数组来控制它。到目前为止我已经做到了:

<input id="q" type="button" value="Q" style="width:50px;height:50px;color:#ffffff;background-color:#5142F5;border-color:#1BE0DD"/>


<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var array[0,1,0];

setTimeout(
function(){
array.splice(0,1,1)
switcher()
}, 600);

function switcher(){
switch(array[0]){
case 0:
$('#q').css('background-color', '#5142F5');
break;
case 1:
$('#q').animate({backgroundColor: "#F8FF2B"},400);
setTimeout(
function(){
$('#q').animate({backgroundColor: '#5142F5'},400);
}, 600);
setTimeout(
function(){
array.splice(0,1,0)
}, 1000);
break;
}
}
</script>

但由于某种原因它不起作用。我错过了什么吗?

最佳答案

jQuery animate 不支持背景色动画,因为您需要包含 color plugin

From Docs

but background-color cannot be, unless the jQuery.Color() plugin is used).

尝试

var array = [0,1]

setInterval(switcher, 1500);

function switcher(){
var val = array.splice(0, 1)[0];
switch(val){
case 0:
$('#q').stop(true, true).css('background-color', '#5142F5');
break;
case 1:
$('#q').stop(true, true).animate({backgroundColor: "#F8FF2B"}, 400);
break;
}
array.push(val);
}

演示:Fiddle

关于javascript - 控制颜色变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17274147/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com