Показать сообщение отдельно
  #1 (permalink)  
Старый 26.01.2020, 03:45
Новичок на форуме
Отправить личное сообщение для WildYT Посмотреть профиль Найти все сообщения от WildYT
 
Регистрация: 26.01.2020
Сообщений: 5

Выполнение определенной функции по времени JS


Доброй ночи, у меня возникла такая проблемка.
Собираюсь сделать функцию через JavaScript чтобы меняло цветовую тему по времени, т.е. по часам
Пробовал разными способами сделать, что-то не получилось, хочу спросить у высших по уровню по JS, как это сделать.
Знаю что тут требуется использовать условие.
Но вот чтобы функция заработала... что-то не получается
Вот вам основной JS код
let toggle = document.getElementById('toggleDark')
let image = document.querySelector('.image')
let footer1 = document.querySelector('.footer')
let but= document.querySelector('.action-but')
let body = document.querySelector('.body')
toggle.addEventListener('click', toggleScheme, true)

function toggleScheme () {
  if (toggle.getAttribute("aria-checked") == "true") {
      toggle.setAttribute("aria-checked", "false");
  } else {
      toggle.setAttribute("aria-checked", "true");
  }//начинаются цветовые темы
  image.classList.toggle('image-dark')
  image.classList.toggle('image-light')
  footer1.classList.toggle('footer-dark')
  footer1.classList.toggle('footer-light')
  but.classList.toggle('action-but-dark')
  but.classList.toggle('action-but-light')
  body.classList.toggle('body-n')
  body.classList.toggle('body-l')
    
}


var date = new Date();
var hours = date.getHours();
В целом, мне нужно использовать эти класс листы, например, если время меньше либо равно 12(часам) то выполняется image.classList.*('image-light'), перепробовал разные методы, но что-то не получается
Ответить с цитированием