Доброй ночи, у меня возникла такая проблемка.
Собираюсь сделать функцию через 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'), перепробовал разные методы, но что-то не получается
