微信页面倒计时代码(解决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 相关文章推荐
漂亮的提示信息(带箭头)
Mar 21 Javascript
JavaScript中的apply()方法和call()方法使用介绍
Jul 25 Javascript
javascript模拟枚举的简单实例
Mar 06 Javascript
JS实现自动切换文字的导航效果代码
Aug 27 Javascript
jquery判断当前浏览器的实现代码
Nov 07 Javascript
Node.js的文件权限及读写flag详解
Oct 11 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
Mar 17 Javascript
JavaScript高阶函数_动力节点Java学院整理
Jun 28 Javascript
Echarts基本用法_动力节点Java学院整理
Aug 11 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
基于axios封装fetch方法及调用实例
Feb 05 Javascript
详解微信小程序工程化探索之webpack实战
Apr 20 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
抓取YAHOO股票报价的类
2009/05/15 PHP
MySQL的FIND_IN_SET函数使用方法分享
2012/03/27 PHP
php初始化对象和析构函数的简单实例
2014/03/11 PHP
Smarty中常用变量操作符汇总
2014/10/27 PHP
php版微信发红包接口用法示例
2016/09/23 PHP
PHP中遍历数组的三种常用方法实例分析
2019/06/24 PHP
如何在标题栏显示框架内页面的标题
2007/02/03 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
2013/05/05 Javascript
原生javascript实现无间缝滚动示例
2014/01/28 Javascript
JavaScript实现存储HTML字符串示例
2014/04/21 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
2015/04/17 Javascript
jquery实现不包含当前项的选择器实例
2015/06/25 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
2016/05/03 Javascript
ashx文件获取$.ajax()方法发送的数据
2016/05/26 Javascript
jQuery简单实现上下,左右滑动的方法
2016/06/01 Javascript
jQuery编写textarea输入字数限制代码
2017/03/23 jQuery
微信小程序 navbar实例详解
2017/05/11 Javascript
纯JS实现简单的日历
2017/06/26 Javascript
解决vue数组中对象属性变化页面不渲染问题
2018/08/09 Javascript
jquery html添加元素/删除元素操作实例详解
2020/05/20 jQuery
python dict remove数组删除(del,pop)
2013/03/24 Python
python遍历类中所有成员的方法
2015/03/18 Python
Python多层装饰器用法实例分析
2018/02/09 Python
Python中实例化class的执行顺序示例详解
2018/10/14 Python
从列表或字典创建Pandas的DataFrame对象的方法
2019/07/06 Python
纯CSS3单页切换导航菜单界面设计的简单实现
2016/08/16 HTML / CSS
Hotels.com台湾:饭店订房网
2017/09/06 全球购物
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
局域网定义和特性
2016/01/23 面试题
暑期实习鉴定
2013/12/16 职场文书
新年爱情寄语
2014/04/08 职场文书
投标人廉洁自律承诺书
2014/05/26 职场文书
2016学校先进集体事迹材料
2016/02/29 职场文书
导游词之泉州崇武古城
2019/12/20 职场文书
Mysql中的触发器定义及语法介绍
2022/06/25 MySQL