SlavaMaxwell
@SlavaMaxwell
HTML-верстальщик

Как скриптом определять время и в зависимости от этого удалять класс?

Как скриптом определять какое сейчас время и в зависимости от этого удалять класс у элемента?
  • Вопрос задан
  • 107 просмотров
Решения вопроса 1
EgoSab
@EgoSab
Web-developer
Вам понадобится setInterval, объект Date и element.classList.remove('yourClass');

<div class="night">
   Какой-то текст
</div>


div {
   color: #000;
   background: #fff;
   }
   
   .night {
     padding: 15px;
     color: #fff;
     background: #000;
  }


let element = document.querySelector('div');


 setInterval(() => {
      if(new Date().getHours() < 22) {
         element.classList.remove('night');
       } 
    }
, 1000);


Если текущее время меньше 22 часов, то удаляется класс night, проверка времени происходит каждую секунду.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽
02 дек. 2020, в 20:48
5000 руб./за проект
02 дек. 2020, в 19:55
4000 руб./за проект
02 дек. 2020, в 19:50
1 руб./за проект