JAVA高级面试进阶训练营视频教程

admin

javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决

在做移动端时间转化为时间戳时，遇到了一个问题，安卓手机上访问时，能拿到时间戳，从而正确转换时间，而在iOS上缺不能正常显示，显示的时间为：NaN-NaN1-NaN  Invalid Date

new Date('2016-07-18 14:58:32').getTime();      //在ios上死活拿不到时间戳显示NaN

在网上找问题出现原因，看到以下内容：

 在IOS5以上版本（不包含IOS5）中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。

但是在IOS5版本里面的Safari解释new Date('2013-10-21') 就不正确，在IOS5的Safari中返回的永远是"Invalid Date"。

后来我在网上查找了资料，原来是低版本的Safari解释new Date('2013-10-21')这个对象不一样，在IOS5中的Safari不支持这种写法，

而它支持的写法为new Date('2013','10','21'),这样写就能解决"Invalid Date"的问题，能返回一个Javascript Date回来了。

但是随之而来的问题有出现了，Date是返回过来了，可是这个Date对象中方法返回的数据可不是我想要的，返回的数据全都不正确。

 现在返回过来的Date对象.getMonth()总要比正常的要多一个月！还有.getDay()返回的星期几也不正确！╮(╯▽╰)╭懊恼啊，折磨啊。。。。

 我都开始骂开发Safari的这帮人了，不过骂归骂问题还是要解决的，要不工资就木有了！呵呵！

  接着我查了很多国外的技术blog,终于找到了解决方案，原来想要IOS5中的Safari能正确解析new Date()那么必须这么写

 new Date('2013/10/21')；

最后根据项目中的数据将代码修改了下： new Date("2010-03-15 10:30:00".replace(/-/g,'/')).getTime();终于解决了问题！！！（真是吓死，还以为要任务延期了，还好解决了）

获得当前时间：

 1 //获得当前时间
 2 function getLocalTime(now) {
 3     now = new Date(now);
 4     var year=now.getFullYear();
 5     var month=now.getMonth()+1;
 6     var date=now.getDate();
 7     var hour=(now.getHours()<10)?("0"+now.getHours()):now.getHours();
 8     var minute=(now.getMinutes()<10)?("0"+now.getMinutes()):now.getMinutes();
 9     var second=(now.getSeconds()<10)?("0"+now.getSeconds()):now.getSeconds();
10     return year+"/"+month+"/"+date +" "+hour+":"+minute+":"+second;
11 
12 }

 

下面贴上整个倒计时代码：

 1 //倒计时时间计算函数
 2 function getTime(obj){
 3     var StartTime= new Date(obj.Start.replace(/-/g,'/')); //活动开始时间
 4     var endTime = new Date(obj.End.replace(/-/g,'/'));//活动结束时间
 5     var NowTime = new Date();
 6     var t =StartTime.getTime() - NowTime.getTime(),t_end = endTime.getTime() - NowTime.getTime();
 7     var d=Math.floor(t/1000/60/60/24), h=Math.floor(t/1000/60/60%24),m=Math.floor(t/1000/60%60),s=Math.floor(t/1000%60);
 8     var d_end=Math.floor(t_end/1000/60/60/24), h_end=Math.floor(t_end/1000/60/60%24),m_end=Math.floor(t_end/1000/60%60),s_end=Math.floor(t_end/1000%60);
 9     d = d<=0?0:d;
10     h = h<=0?0:h;
11     m = m<=0?0:m;
12     s = s<=0?0:s;
13     d_end = d_end<=0?0:d_end;
14     h_end = h_end<=0?0:h_end;
15     m_end = m_end<=0?0:m_end;
16     s_end = s_end<=0?0:s_end;
17     var startIs = d==0&&h==0&&m==0&&s==0,endIs =d_end==0&&h_end==0&&m_end==0&&s_end==0 ;
18     if(startIs== true && endIs ==true){
19         setTime="";
20         dateShow = "直播活动已经结束";
21     }else if(startIs== true && endIs ==false){
22         setTime="";
23         dateShow = "直播活动正在进行";
24         timer = setTimeout(setTimer,500);
25     }else if(startIs== false && endIs ==false){
26         setTime="直播开始时间为:"+obj.Start;
27         dateShow="距离直播开始还有："+d+"天"+h +"时"+m+"分"+s+"秒";
28     }
29     $(obj.eleCode).find(".setTime").html(setTime);
30     $(obj.eleCode).find(".startTime").html(dateShow);
31 }