微信页面倒计时代码(解决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 相关文章推荐
jquery与google map api结合使用 控件,监听器
Mar 04 Javascript
jQuery中创建实例与原型继承揭秘
Dec 21 Javascript
超简单JS二级、多级联动的简单实例
Feb 18 Javascript
JS比较2个日期间隔的示例代码
Apr 15 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
Nov 25 Javascript
JavaScript ES6的新特性使用新方法定义Class
Jun 28 Javascript
JS控制TreeView的结点选择
Nov 11 Javascript
基于node下的http小爬虫的示例代码
Jan 11 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
Aug 13 Javascript
JS浮点数运算结果不精确的Bug解决
Aug 01 Javascript
JavaScript中arguments的使用方法详解
Dec 20 Javascript
js面向对象方式实现拖拽效果
Mar 03 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简单提示框alert封装函数
2010/08/08 PHP
PHP读取网页文件内容的实现代码(fopen,curl等)
2011/06/23 PHP
PHP模板引擎Smarty内建函数详解
2016/04/11 PHP
Smarty保留变量用法分析
2016/05/23 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
jQuery实现用方向键控制层的上下左右移动
2013/01/13 Javascript
子页向父页传值示例
2013/11/27 Javascript
javascript日期操作详解(脚本之家整理)
2015/09/05 Javascript
D3.js实现折线图的方法详解
2016/09/21 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
gulp解决跨域的配置文件问题
2017/06/08 Javascript
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
2017/11/17 Javascript
JavaScript时间戳与时间日期间相互转换
2017/12/11 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
2018/02/11 Javascript
webpack4.x开发环境配置详解
2018/08/04 Javascript
微信小程序如何播放腾讯视频的实现
2019/09/20 Javascript
[40:06]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第一场
2018/04/04 DOTA
python控制台英汉汉英电子词典
2020/04/23 Python
Python ORM框架SQLAlchemy学习笔记之关系映射实例
2014/06/10 Python
Python统计列表中的重复项出现的次数的方法
2014/08/18 Python
Python使用迭代器打印螺旋矩阵的思路及代码示例
2016/07/02 Python
Numpy数组array和矩阵matrix转换方法
2019/08/05 Python
Python如何使用函数做字典的值
2019/11/30 Python
如何基于Python制作有道翻译小工具
2019/12/16 Python
Django模板获取field的verbose_name实例
2020/05/19 Python
Python datetime模块使用方法小结
2020/06/18 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
Matplotlib配色之Colormap详解
2021/01/05 Python
html5 touch事件实现页面上下滑动效果【附代码】
2016/03/10 HTML / CSS
HTML5 localStorage使用总结
2017/02/22 HTML / CSS
华为python面试题
2016/05/03 面试题
中医专业应届生求职信
2013/11/17 职场文书
电焊工岗位职责
2014/03/06 职场文书
《蝙蝠和雷达》教学反思
2014/04/23 职场文书
Mysql Online DDL的使用详解
2021/05/20 MySQL
基于angular实现树形二级表格
2021/10/16 Javascript