                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /倒计时效果

为什么360浏览器可以看看天数，而IE9却不可以呢？代码需要怎么修改才可以兼容IE呢？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>研究生考试时间</title>

</head>

window.onload = function(){

　　var timedate= new Date("2,14,2017");

　　var now = new Date();

　　var date = timedate.getTime() - now.getTime(); //得出的为毫秒

　　var time = Math.ceil(date/(1000 * 60 * 60 * 24));

//1000 * 60 * 60 * 24一天的秒数

if(time > 0 ){

document.getElementById('timeShow').innerHTML = time;

}

</script>

</head>

<body>

<div class="txtshow">距离2015年研究生考试时间还有<span id="timeShow"></span>天</div>

</div>

</body>

</html>

慕粉1420362554

2016-10-05

源自：倒计时效果

关注问题我要回答

614

操作

收起

1 回答

jaune 回答被采纳 +3 积分
2016-10-10

构造一个date的时候，如果这样：

var myDate = new Date("2016-9-5");

那么在之后调用myDate.XXXX的时候返回的都是NaN。经过调试发现，是var myDate = new Date("2016-9-5");返回的myDate是一个NaN所以才会出现如下现象。

根据网上查找的解决方案修改代码如下：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="content2">
<div class="txtshow">距离2017年研究生考试时间还有<span id="timeShow">adf</span>天</div>
</div>
<script language="javascript" type="text/javascript">
window.onload = function(){
function parseISO8601(dateStringInRange) {
var isoExp = /^\s*(\d{4})-(\d\d)-(\d\d)\s*$/,
date = new Date(NaN), month,
parts = isoExp.exec(dateStringInRange);

if(parts) {
month = +parts[2];
date.setFullYear(parts[1], month - 1, parts[3]);
if(month != date.getMonth() + 1) {
date.setTime(NaN);
}
}
return date;
}

var mydate= parseISO8601("2017-02-14");
var now = new Date();
var date = mydate.getTime() - now.getTime(); //得出的为毫秒
var time = Math.ceil(date/(1000 * 60 * 60 * 24));
//1000 * 60 * 60 * 24一天的秒数
if(time > 0 ){
document.getElementById('timeShow').innerHTML = time;
}
}
</script>
</body>
</html>