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

javascript的倒计时功能中newData().getTime()在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 }

 

 

 

20人参与, 0条评论 登录后显示评论回复

你需要登录后才能评论 登录/ 注册