微信页面倒计时代码(解决safari不兼容date的问题)


Posted in Javascript onDecember 13, 2016

话不多说,请看下面代码

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, "/")));

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

Javascript 相关文章推荐
Javascript的一种模块模式
Mar 22 Javascript
判断iframe里的页面是否加载完成
Jun 06 Javascript
jQuery插件datepicker 日期连续选择
Jun 12 Javascript
JS命令模式例子之菜单程序
Oct 10 Javascript
AngularJS中watch监听用法分析
Nov 04 Javascript
jQuery实现级联下拉框实战(5)
Feb 08 Javascript
JS模拟超市简易收银台小程序代码解析
Aug 18 Javascript
vue中如何使用ztree
Feb 06 Javascript
解决vue无法设置滚动位置的问题
Oct 07 Javascript
element-ui table span-method(行合并)的实现代码
Dec 20 Javascript
Vue动态创建注册component的实例代码
Jun 14 Javascript
一分钟学会JavaScript中的try-catch
Dec 14 Javascript
JS实现微信弹出搜索框 多条件查询功能
Dec 13 #Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
Dec 13 #Javascript
JavaScript实现倒计时跳转页面功能【实用】
Dec 13 #Javascript
Javascript实现倒计时(防页面刷新)实例
Dec 13 #Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
Dec 13 #Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
Dec 13 #Javascript
深入理解选择框脚本[推荐]
Dec 13 #Javascript
You might like
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
PHP数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
PHP中构造函数和析构函数解析
2014/10/10 PHP
php数组冒泡排序算法实例
2016/05/06 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
php实现快速对二维数组某一列进行组装的方法小结
2019/12/04 PHP
jquery队列queue与原生模仿其实现方法分享
2014/03/25 Javascript
基于jQuery实现表单提交验证
2014/11/24 Javascript
对于jQuery性能的一些优化建议
2015/08/13 Javascript
JS+CSS实现仿支付宝菜单选中效果代码
2015/09/25 Javascript
详解 javascript中offsetleft属性的用法
2015/11/11 Javascript
D3.js实现直方图的方法详解
2016/09/25 Javascript
微信小程序 LOL 英雄介绍开发实例
2016/09/30 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
JS实现的简单图片切换功能示例【测试可用】
2017/02/14 Javascript
Node.js环境下Koa2添加travis ci持续集成工具的方法
2017/06/19 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
2017/09/28 Javascript
9种改善AngularJS性能的方法
2017/11/28 Javascript
小程序的上传文件接口的注意要点解析
2019/09/17 Javascript
Vue父子传递实例讲解
2020/02/14 Javascript
python list排序的两种方法及实例讲解
2017/03/20 Python
分享一下Python数据分析常用的8款工具
2018/04/29 Python
python3写的简单本地文件上传服务器实例
2018/06/04 Python
在Pycharm中执行scrapy命令的方法
2019/01/16 Python
Django中Middleware中的函数详解
2019/07/18 Python
使用PYTHON解析Wireshark的PCAP文件方法
2019/07/23 Python
python写程序统计词频的方法
2019/07/29 Python
检测tensorflow是否使用gpu进行计算的方式
2020/02/03 Python
Django怎么在admin后台注册数据库表
2020/11/14 Python
Debenhams爱尔兰:英国知名的百货公司
2017/01/02 全球购物
锐步英国官网:Reebok英国
2019/11/29 全球购物
车辆年检委托书范本
2014/10/14 职场文书
你为什么是穷人?可能是这5个缺点造成
2019/07/11 职场文书
Python将CSV文件转化为HTML文件的操作方法
2021/06/30 Python
Pygame Event事件模块的详细示例
2021/11/17 Python
Python+SeaTable实现计算两个日期间的工作日天数
2022/07/07 Python