zoukankan      html  css  js  c++  java
  • javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决

    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 }
     
  • 相关阅读:
    poj 2046 Power Strings KMP
    谈谈需求变更的用户签字确认问题
    Oracle 10g客户端 安装(配图)
    如何让有能力的下属承担更多职责
    软件性能测试工具在测试工作中的重要性
    Oracle 10g 服务器端 安装图解
    JS 操作页面基础操作:禁止另存 防止复制 防止选择
    Javascript 长整型 转 C# DateTime
    配置AJAX Enabled WCF在hosting时: Showing the serviceMetadata in an ASP.NET AJAX Service
    ICON资源网站
  • 原文地址:https://www.cnblogs.com/DreamerLeaf/p/6645062.html
Copyright © 2011-2022 走看看