Question

I need a Javascript or JQuery code for displaying an image on a webpage only between 9:00am – 11:00am everyday according to the user’s local time.

In other words, time based display div javascript.

Answer 1

Quite simply, via Date.getHours(), check if it is between 9 and 11.

// Current local hour via new Date().getHours();
var h = new Date().getHours();
if (h >= 9 && h < 11) {
  yourElement.style.display = 'block';
}
else {
  yourElement.style.display = 'none';
}

Or jQuery:

if (h >= 9 && h < 11) {
  $(yourSelector).show();
}
else {
  $(yourSelector).hide();
}