<div id="bfcm-deal">ON</div>
<div id="bfcm-deal-over">OFF</div>
#bfcm-deal {
  display: none;
}
#bfcm-deal-over {
  display: none;
}
Date.prototype.addHours = function(h) {
  this.setTime(this.getTime() + (h*60*60*1000));
  return this;
}
function toUTC(d) {
  var date = d ? new Date(d) : new Date();
  var now_utc =  Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(),
   date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());
   return new Date(now_utc);
}
//var now = new Date('12-03-2021 01:00:00 GMT-05:00').getTime();
var now = new Date(new Date().toUTCString()+'-05:00').getTime();
var StartDate = new Date("November 20, 2021").getTime();
// end date is the day it will be off so put the day after
var EndDate = new Date('12-03-2021 02:19:00 GMT-05:00').getTime();
console.log(now, StartDate, EndDate);
if(now > StartDate && now < EndDate) {
     // use an id
     $('#bfcm-deal').show();
     // or a class
     // $('.imageClass').show();
  } else {
    $('#bfcm-deal-over').show();
  }
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js