乐码库:一个极速、放心、纯净的下载站! 更新: 资源发布
  • 您的位置:首页 > 技术文档 > JavaScript > 微信页面倒计时代码(解决safari不兼容date的问题)
  • 收藏本页
      微信页面倒计时代码(解决safari不兼容date的问题)
      发布时间:2016-12-21 08:11:01 关键词: 微信,倒计时
      内容简介:本文主要分享了微信页面倒计时代码(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, "/")));

    以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持乐码库!

      最新更新
      热门排行榜