Why does this function work in Chrome, but not on IE or Safari?
function countdown(){
var dDay = new Date().getUTCDate() + 1;
var dMonth = new Date().getUTCMonth() + 1;
var dYear = new Date().getUTCFullYear();
var BigDay = new Date(dYear+ ", " +dMonth+ ", " +dDay+ ",00:00:00");
var msPerDay = 24 * 60 * 60 * 1000;
var today = new Date();
var timeLeft = (BigDay.getTime() - today.getTime());
var e_daysLeft = timeLeft / msPerDay;
var daysLeft = Math.floor(e_daysLeft);
var e_hrsLeft = (e_daysLeft - daysLeft)*24;
var hrsLeft = Math.floor(e_hrsLeft);
var e_minsLeft = (e_hrsLeft - hrsLeft)*60;
var minsLeft = Math.floor(e_minsLeft);
var e_secsLeft = (e_minsLeft - minsLeft)*60;
var secsLeft = Math.floor(e_secsLeft);
if(daysLeft.toString().length === 1){
daysLeft = "0"+daysLeft;
}
if(hrsLeft.toString().length === 1){
hrsLeft = "0"+hrsLeft;
}
if(minsLeft.toString().length === 1){
minsLeft = "0"+minsLeft;
}
if(secsLeft.toString().length === 1){
secsLeft = "0"+secsLeft;
}
timeString = daysLeft + ":" + hrsLeft + ":" + minsLeft + ":" + secsLeft;
return timeString;
}
This code snippet is used to display the countdown:
window.setInterval(function(){
$('#countdown').html("Time left: "+ countdown());
}, 1000);
Output in Chrome:
Time left: 00:01:55:15
However, in IE and Safari, I get:
Time left: NaN:NaN:NaN:NaN