@deadshumz

Как сделать смену цвета по времени суток?

Есть сайт. Если время на устройстве пользователя > 12 или < 8 То должна сработать функция. При этом если пользователь зашёл в 11:59 - по наступлению 12:00 - функция должна сработать, но этого не происходит.
P.S. Нужно чтоб он в реальном времени изменился ( не обновляя страницу )
Загрузил на хостинг: https://shumzzzz.github.io/
Код:

function theme() {
	let now = new Date();
	hours = now.getHours();
	if (hours > 12 || hours < 8) {
		let navbar = document.getElementById('navbar');
		navbar.classList.remove('navbar-light');
		navbar.classList.add('navbar-dark-bg');
		let nav = document.getElementById('nav');
		navbar.classList.remove('light');
		navbar.classList.add('dark');
		let collapseBtn = document.getElementById('navbar-toggler');
		collapseBtn.classList.remove('navbar-light');
		collapseBtn.classList.add('navbar-dark');
		document.body.style.backgroundColor = "gray";
	}
}
setInterval(theme, 1000)
  • Вопрос задан
  • 276 просмотров
Пригласить эксперта
Ответы на вопрос 1
Yadalay
@Yadalay
Php, Mysql, Html, Css, Js/Jquery/Ajax, Laravel
if (hours >= 12 || hours <= 8) {}
Ответ написан
Ваш ответ на вопрос

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

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