I am adding some custom js code in the custom event on the timeline in order to display element according to a date. For some reason it does not work when viewing the banner on Safari, but Firefox, Chrome and Opera work fine. Has anybody have the same issue? Where you able to solved? how?
This is the code that I am adding:
function savingTime() {
sTime = new Date();
sYear = sTime.getFullYear();
sMonth = sTime.getMonth() + 1;
sDay = sTime.getDate();
return [sYear, sMonth, sDay];
}
/*Time Saving Change:*/
var stYear = savingTime()[0],
stMonth = savingTime()[1],
stDay = savingTime()[2],
a;
if (stYear == 2018) {
if (stMonth <= 11) {
if (stDay <= 3) {
a = -4;
} else if (stDay >= 4) {
a = -5;
}
} else {
a = -5;
}
}
/*Time to Eastern Time Only:*/
function calcTime(city, offset) {
d = new Date();
utc = d.getTime() + (d.getTimezoneOffset() * 60000);
nd = new Date(utc + (3600000 * offset));
return [nd.getFullYear(), nd.getMonth(), nd.getDate(), nd.getHours(), nd.getMinutes()];
}
var thisYear = calcTime('Eastern', a)[0];
var thisMonth = calcTime('Eastern', a)[1] + 1;
var thisDay = calcTime('Eastern', a)[2];
var thisHour = calcTime('Eastern', a)[3];
var thisMinute = calcTime('Eastern', a)[4];
/* ============ DRIVER VS DRIVER Tune In */
var tunein1 = document.getElementById('tunein1'); /* Coming in October */
var tunein2 = document.getElementById('tunein2'); /* Premiers Oct 2 9PM ET */
var tunein3 = document.getElementById('tunein3'); /* Premiers Tuesday 9PM ET */
var tunein4 = document.getElementById('tunein4'); /* Premiers Tomorrow 9PM ET */
var tunein5 = document.getElementById('tunein5'); /* Premiers Tonight 9PM ET */
if (thisMonth == 8) {
tunein1.style.display = 'visible';
tunein2.style.top = "250px";
tunein3.style.top = "250px";
tunein4.style.top = "250px";
tunein5.style.top = "250px";
}
if (thisMonth == 9) {
if (thisDay <= 4) {
tunein1.style.display = 'visible';
tunein2.style.top = "250px";
tunein3.style.top = "250px";
tunein4.style.top = "250px";
tunein5.style.top = "250px";
}
if (thisDay >= 5 && thisDay <= 25) {
tunein1.style.top = "250px";
tunein2.style.display = 'visible';
tunein3.style.top = "250px";
tunein4.style.top = "250px";
tunein5.style.top = "250px";
}
if (thisDay >= 23 && thisDay <= 30) {
tunein1.style.top = "250px";
tunein2.style.top = "250px";
tunein3.style.display = 'visible';
tunein4.style.top = "250px";
tunein5.style.top = "250px";
}
}
if (thisMonth == 10) {
if (thisDay == 1) {
tunein1.style.top = "250px";
tunein2.style.top = "250px";
tunein3.style.top = "250px";
tunein4.style.display = 'visible';
tunein5.style.top = "250px";
}
if (thisDay == 2) {
tunein1.style.top = "250px";
tunein2.style.top = "250px";
tunein3.style.top = "250px";
tunein4.style.top = "250px";
tunein5.style.display = 'visible';
}
}
