Есть код, который в определенный период времени скрывает блок и выводит текст. Проблема в том, что он работает нестабильно - то скрывает блок, то нет. Подозреваю, что это может быть связано с динамическими серверами хостера, которые находятся в разных часовых поясах. Подскажите, пожалуйста, как внедрить сюда проверку локального времени у пользователя, чтобы временной период с 8.30 до 13 относился именно ко времени пользователя и все работало как надо?
var date = new Date();
var h = date.getHours();
var m = date.getMinutes();
var block = document.querySelector(".t778");
if (h>=8 && m>=30 && h<=13) {
block.style.display="none";
$('#rec180176296').html('<div>С 8-30 до 13-00 мы готовим для вас завтраки<br>С 13-00 доступно для заказов основное меню</div>').css({
'color':'#383838',
'font-size': '18px',
'font-weight': '400',
'font-family': 'GoodHeadlinePro',
'line-height': '26px',
'padding': '15px',
'text-align':'center'
});
}else {
block.style.dislay="block";
}