If you’d like to customize the on-air and off-air functionality on a specific page, or if you need to span more than one day, you’ll need to assign a special class in place of the on-air and off-air classes. Then you can add this javascript to the page builder settings for that page:
var Now = new Date(), CurrentDay = Now.getDay(), OnAirTime = new Date(Now.getFullYear(), Now.getMonth(), Now.getDate(), OnAirHour, OnAirMinute), //Set OnAirTime OffAirTime = new Date(Now.getFullYear(), Now.getMonth(), Now.getDate(), OffAirHour, OffAirMinute), //Set OffAirTime OnAir = (Now.getTime() > OnAirTime.getTime() && Now.getTime() < OffAirTime.getTime()); if (CurrentDay < 4) { //if it's On-Air Day and you're within on-air time document.getElementsByClassName("pineville-live")[0].style.display = "block"; // Show .live-notice instead of the timer document.getElementsByClassName("pineville-archive")[0].style.display = "none"; // Hide .timer class } else { document.getElementsByClassName("pineville-live")[0].style.display = "none"; // Show .live-notice instead of the timer document.getElementsByClassName("pineville-archive")[0].style.display = "block"; // Hide .timer class }
This examples uses pineville-live and pineville-archive in place of on-air and off-air.