NaN：Firefox和IE中的NaN，CHROME效果很好

Question

我的腳本在Chrome中可以，但是在FireFox和IE中，結果是：NaN：NaN。 這是我的腳本：誰知道出什么問題了？

$ db [time]的輸出是：2013-10-07 14:28:35（時間戳數據庫）

<script>
var end = new Date('<?=$db[time]?>');

    var _second = 1000;
    var _minute = _second * 60;
    var _hour = _minute * 60;
    var _day = _hour * 24;
    var timer;

    function showRemaining() {
        var now = new Date();
        var distance = end - now;
        if (distance < 0) {

            clearInterval(timer);
            document.getElementById('countdown').innerHTML = 'ITS NOW TIME!</font><BR><BR>';                
            return;
        }
        var days = Math.floor(distance / _day);
        var hours = Math.floor((distance % _day) / _hour);
        var minutes = Math.floor((distance % _hour) / _minute);
        var seconds = Math.floor((distance % _minute) / _second);


        document.getElementById('countdown').innerHTML = '<font color="orange">' + minutes + ':';
        document.getElementById('countdown').innerHTML += '<font color="orange">' + seconds + ' minutes</font>';
    }

    timer = setInterval(showRemaining, 1000);
</script>

Answer 1

這是因為$db[time]的值。

您在評論中說過，日期/時間的格式是2013-10-07 14:28:35 ，這是MySQL的默認DATETIME輸出，當它需要是2013-10-07T14:28:35 。

為了方便起見，Chrome支持2013-10-07 14:28:35格式，但是Javascript規范中沒有2013-10-07 14:28:35格式，因此並非所有其他瀏覽器都支持。

嘗試這個：

<? echo str_replace(' ', 'T', $db['time']); ?>

Answer 2

JavaScript時間格式與php不同，因此firefox將顯示NaN：NaN：NaN。 您應該隱蔽的時間如下：

PHP日期格式

$yourDate = date("M d, Y H:i:s", strtotime($db['time'])));

這樣的時間

date = new date("<?=$yourDate?>").getTime();

Answer 3

您可以自己解析日期字符串，而不是依賴具有現代方法的現代瀏覽器，類似以下內容的瀏覽器應該很友好。 倒計時以毫秒為單位，您可以根據需要設置其格式。

HTML

<div id="countdown"></div>

使用Javascript

function isGregorianLeapYear(year) {
    return year % 400 === 0 || year % 100 !== 0 && year % 4 === 0;
}

function daysInGregorianMonth(year, month) {
    var days;

    if (month == 2) {
        days = 28;
        if (isGregorianLeapYear(year)) {
            days += 1;
        }
    } else {
        days = 31 - ((month - 1) % 7 % 2);
    }

    return days;
}

function timeStampToDate(timeStamp) {
    var dateObject,
        dateTime,
        date,
        time,
        value;

    if (typeof timeStamp === "string") {
        dateTime = timeStamp.split(" ");
        if (dateTime.length === 2) {
            date = dateTime[0].split("-");
            if (date.length === 3) {
                value = +date[0];
                if (date[0].length === 4 && value >= -9999 && value <= 9999) {
                    value = +date[1];
                    if (date[1].length === 2 && value >= 1 && value <= 12) {
                        date[1] = value - 1;
                        value = +date[2];
                        if (date[2].length === 2 && value >= 1 && value <= daysInGregorianMonth(+date[0], date[1])) {
                            time = dateTime[1].split(":");
                            if (time.length === 3) {
                                value = +time[0];
                                if (time[0].length === 2 && value >= 0 && value <= 23) {
                                    value = +time[1];
                                    if (time[1].length === 2 && value >= 0 && value <= 59) {
                                        value = +time[2];
                                        if (time[2].length === 2 && value >= 0 && value <= 59) {
                                            dateObject = new Date(Date.UTC.apply(Date, date.concat(time)));
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    if (typeof dateObject === "undefined") {
        dateObject = new Date(NaN);
    }

    return dateObject;
}

function emptyNode(node) {
    while (node.firstChild) {
        node.removeChild(node.firstChild);
    }
}

var countdown = document.getElementById("countdown"),
    end = timeStampToDate("2013-10-07 16:57:00"),
    intervalId;

end = end.getTime() + end.getTimezoneOffset() * 60000;

function showRemaining() {
    var now = new Date().getTime();

    if (isNaN(end) || isNaN(now)) {
        clearInterval(intervalId);
        emptyNode(countdown);
        countdown.appendChild(document.createTextNode("Error"));
    } else if (now < end) {
        emptyNode(countdown);
        countdown.appendChild(document.createTextNode(end - now));
    } else {
        clearInterval(intervalId);
        emptyNode(countdown);
        countdown.appendChild(document.createTextNode("ITS NOW TIME!"));
    }
}

intervalId = setInterval(showRemaining, 1000);

的jsfiddle