@mijanj

Как сделать анимацию изменения цвета в секундах?

Допустим, у меня есть секундомер, как можно сделать так, чтобы с течением времени, изменялся цвет цифр?
Я реализовал это на каждую секунду, но есть способ сделать это проще(точнее на меньшее количество строк)?

Так выглядит JS:
61a614bda716d063703604.jpeg
(Возможно для опытных кодеров, этот скрипт - извращение, но я новичок :))

P.S.: Секундомер глобальный - при обновлении страницы может быть любое число, а не стартует с нуля
  • Вопрос задан
  • 147 просмотров
Решения вопроса 2
nowm
@nowm
Можно сделать так:

const colors = ['black', '#252240', /*далее все нужные цвета по этому же принципу*/];

// Это вместо всех блоков if (seconds.innerText == N)
seconds.style.color = colors[parseInt(seconds.innerText) || 0] || colors[0];
Ответ написан
Комментировать
@Rubix
Люблю кодить, разрабатываю проекты в разных сферах
/* ... */
let colors = ['black', '#25224D', '#3E2C61', /*...*/ ]; /*Все используемые цвета по порядку*/
seconds.style.color = colors[+seconds.innerText || 0];
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
AndrewMarty
@AndrewMarty
HTML - верстальщик
Хах, дежавю. Вчера ночью я думал над тем, а есть ли люди которые не используют массивы и циклы для написания кода. Вам нужно чтобы цвет менялся как rgb подцветка или вы сами указываете какие цвета должны меняться?
P.s Без обид, я понимаю все мы были новичками. Да и я сам не понимаю некоторых вещей что-то гуглю или спрашиваю
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы