一定時間後にボタンの色を変更し、配列を使用してそれを制御しながら通常にフェードバックしたいと考えています。私はこれまでこれを行ってきました:
<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>
しかし、何らかの理由で機能しません。私は何かを逃していますか?