Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Mark
@Mark54
Web-developer
JavaScript
HTML
Как сделать таймер на сайте?
Здравствуйте, подскажите пожалуйста как можно реализовать таймер со сменой цвета индикатора.
К примеру, когда таймер запущен, зеленый круглешок светится, когда таймер истеркает (время 00:00) то красный круглешок.
Вопрос задан
более трёх лет назад
76 просмотров
1
комментарий
Подписаться
1
Простой
1
комментарий
Facebook
Вконтакте
Twitter
Mark
@Mark54
Автор вопроса
webdev341
, круглешок (индикатор)
2 цвета (зеленый, красный)
Написано
более трёх лет назад
Решения вопроса
1
Aleksandr
@Qvazi
Web Developer: готов выслушать любое предложение.
Задаем классы с подсветкой индикатора. При запуске таймера меняем класс на зеленый, по истечению времени на красный.
jsfiddle.net/pud60tbf/2
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
1
комментарий
Facebook
Вконтакте
Twitter
Mark
@Mark54
Автор вопроса
Не подскажите
1) Как сделать не в секундах, а в сутках?
2) Можно ли как-то сделать, чтобы не было видно цифр?
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Как заблокировать кнопку после нажатия на JS?
1 подписчик
7 часов назад
85 просмотров
1
ответ
JavaScript
Простой
Как сделать перехват response Fetch?
2 подписчика
11 часов назад
117 просмотров
1
ответ
HTML
+2 ещё
Простой
Что поменять/добавить чтобы отображались все подкасты (видео)?
1 подписчик
вчера
85 просмотров
0
ответов
JavaScript
+3 ещё
Средний
Как передать источник лида в форму?
1 подписчик
25 авг.
129 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Почему electron приложение после нотаризации не запускается на других маках?
1 подписчик
22 авг.
146 просмотров
0
ответов
JavaScript
Простой
Как реализовать счетчик мульти-слайдера?
1 подписчик
21 авг.
93 просмотра
2
ответа
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
21 авг.
128 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
20 авг.
92 просмотра
1
ответ
HTML
+1 ещё
Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
1 подписчик
20 авг.
130 просмотров
2
ответа
JavaScript
Простой
Как правильно пользоваться функцией onScroll встроенной в anime.js?
1 подписчик
20 авг.
85 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама