zoukankan      html  css  js  c++  java
  • PC 微信页面倒计时代码 safari不兼容date的问题

    PC:

    1.html页面:

    <div class="aTime">
         <em id="t_d"></em>
         <em id="t_h"></em>
         <em id="t_m"></em>
         <em id="t_s"></em>
    </div>

    2.js:

    <script type="text/javascript">
      function GetRTime(){
        var end = "<?php echo $info['end_date']; ?>"+" 23:59:59";
        var EndTime= new Date(end);
        var NowTime = new Date();
        var t =EndTime.getTime() - NowTime.getTime();
        var d=0;
        var h=0;
        var m=0;
        var s=0;
        if(t>=0){
          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);
        }
    
    
        document.getElementById("t_d").innerHTML = d;
        document.getElementById("t_h").innerHTML = h;
        document.getElementById("t_m").innerHTML = m;
        document.getElementById("t_s").innerHTML = s;
      }
      setInterval(GetRTime,1000);
    
    </script>

    以上代码在safari中出错,原因是:

        在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回来了。
         想要IOS5中的Safari能正确解析new Date()那么必须这么写
         new Date('2013/10/21');   或者  var d = new Date(date);d = d.getFullYear() > 0 ? d : new Date(Date.parse(date.replace(/-/g, "/")));
  • 相关阅读:
    J2EE规范
    Java Web 之 SSM笔记
    Spring 官方文档笔记
    Linux学习之路--常用配置
    Linux学习之路--常用命令讲解
    人工智能学习-第二天
    人工智能学习-第一天
    人工智能学习-专业英语单词积累
    20190603 (一)安装Scrapy的环境
    20190530 数据分析
  • 原文地址:https://www.cnblogs.com/crystaltu/p/6118175.html
Copyright © 2011-2022 走看看