изменение фона кнопки автоматически на регулярном интервале в javascript

Я хочу создать анимированную кнопку, изменив ее цвет фона на регулярном интервале автоматически. Я использовал следующие Javascript:изменение фона кнопки автоматически на регулярном интервале в javascript

var colors = new Array("Red", "GreenYellow", "Fuchsia", "OrangeRed", "Yellow", "Blue", "Navy", "MediumSpringGreen", "Lime", "SteelBlue"); 
function bcAnimation(y){ 
    var x; 
    x=y; 
    x.style.backgroundColor = colors[Math.floor(Math.random()*10)]; 
    setTimeout(bcAnimation(x), 2000); 
}

вложенная вызова не работает. кнопка изменяется один раз. Я назвал функцию из тела тега:

<body onload='bcAnimation(document.getElementById("x"));'>

Я также попытался это с помощью кнопки OnClick событие. Что мне не хватает?

источник

2015-02-06 Asif

Помог ли вам любой из ответов и ответили на ваш вопрос? Если нет, сообщите нам, чтобы мы могли больше помочь. Если это так, пожалуйста, отметьте наиболее полезный ответ как «принятый». Благодаря! –

спасибо. Проблема решена. – Asif

Спасибо! Вы можете принять ответ, нажав галочку под подсчетом голосов. –

Попробуйте вместо

setTimeout(function(){ bcAnimation(x); }, 2000);

источник

2015-02-06 03:01:57 RSquared

Спасибо за драгоценное решение .. – Asif

Почему не только упростить все дело в:

var colors = new Array("Red", "GreenYellow", "Fuchsia", "OrangeRed", "Yellow", "Blue", "Navy", "MediumSpringGreen", "Lime", "SteelBlue"); 
 
setInterval(function() { 
 
    x.style.backgroundColor = colors[Math.floor(Math.random() * 10)]; 
 
}, 2000)

<button id="x">button</button>

источник

2015-02-06 03:03:48 j08691

$(function() { 
 
    var curColor = 0; 
 
    var colors = new Array("Red", "GreenYellow", "Fuchsia", "OrangeRed", "Yellow", "Blue", "Navy", "MediumSpringGreen", "Lime", "SteelBlue"); 
 
    setInterval(function() { 
 
     $('button.colors').css('background-color', colors[curColor]); 
 
     curColor += 1; 
 
     if (curColor >= colors.length) { 
 
      curColor = 0; 
 
     } 
 
    }, 500); 
 
});

button.colors { 
 
    background-color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button class="colors"> :D </button>

источник

2015-02-06 03:05:43

изменение фона кнопки автоматически на регулярном интервале в javascript

ответ

Смежные вопросы