Custom on-air/off-air times

Last Updated: 2 years ago

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.

Articles in this Section:

Still need help?

Open a chat with us and you'll be connected to a real human who can help. Immediate help will be available 9a-4p Eastern Monday through Friday, but you can leave a message anytime.