JQuery Анимация между цветами

Довольно рудиментарный вопрос. Если у меня есть переменная случайного числа, которая выбирает случайный выбор из массива, например "красный", я хочу иметь возможность сохранять это как текущий цвет, в то время как он выбирает новый цвет через 5 секунд, а затем анимируется из текущего цвета " красным "к новым цветам, например," зеленый ", поэтому он медленно сходит с фона или тела документа с одного на другой.

У меня есть код, который я написал до сих пор, но я не уверен, как я это получу, я знаю, что мне нужно будет сохранить текущий цвет, если он будет найден, затем найдите следующий цвет, но я не уверен, как это сделать.

<title>Roger</title>








<div>

 <!-- end .container --></div>
2 ответа

Я бы попробовал нечто подобное

<title>Roger</title>
 
 
 
 
 
 <div>
 <!-- end .container -->
 </div>

FIDDLE

Чтобы оживить цвета с помощью jQuery, вам понадобится плагин, это то, что вы собираетесь делать дальше?


Чтобы сделать затухание от одного цвета к другому без дополнительных плагинов, вы можете установить начальный цвет фона для body, цвет фона конца для .container и затем постепенно изменять непрозрачность .container от 0 (прозрачный) до 1 (видимый) с помощью функции setInterval или setTimeout.

licensed under cc by-sa 3.0 with attribution.