Duedate 计数器适用于 Chrome，但不适用于 Firefox NaN 错误

Question

当涉及到这个 js 代码时，Firefox 不知何故无法工作。但是它在 Chrome 中运行良好。

• 这和document.getElementById("days").innerText = d;有关系吗？

• 我需要 parseInt 吗？如果我必须这样做，我知道该怎么做..哈哈

• 主要问题是如何让它在 Firefox 中工作？

 <div id="dueDate-counter">
    	<table>
    		<tr>
    			<td>days</td>
    			<td>hrs</td>
    			<td>mns</td>
    			<td>secs</td>
    		</tr>
    		<tr>
    			<td id="days"></td>
    			<td id="hours"></td>
    			<td id="minutes"></td>
    			<td id="seconds"></td>
    		</tr>

    	</table> 

    	<script type="text/javascript">
    		function countdown() {
    			var now = new Date();
    			var eventDate = new Date("<%= reservation.due_date %>");
    			<%= puts "here is reservation !!!!!!!" %>;
    			<%= puts "#{reservation.due_date}" %>;
    			var currentTime = now.getTime();
    			var eventTime = eventDate.getTime();

    			var remTime = eventTime - currentTime;

    			var s = Math.floor(remTime / 1000);
    			var m = Math.floor(s / 60);
    			var h = Math.floor(m / 60);
    			var d = Math.floor(h / 24);

    			h %= 24;
    			m %= 60;
    			s %= 60;

    			h = (h < 10) ? "0" + h : h;
    			m = (m < 10) ? "0" + m : m;
    			s = (s < 10) ? "0" + s : s;

    			document.getElementById("days").textContent = d;
    			document.getElementById("days").innerText = d;

    			document.getElementById("hours").textContent = h;
    			document.getElementById("minutes").textContent = m;
    			document.getElementById("seconds").textContent = s;

    				setTimeout(countdown, 1000);
    					}

    				countdown();

    	</script>

    </div>

Answer 1

Chrome 比其他带有 Date 对象的浏览器更灵活。确保您的due_date 和eventDate 与console.log 格式相同。 getTime() 返回毫秒，因此您的 reservation.due_date 也必须以毫秒为单位。