微信页面倒计时代码(解决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 相关文章推荐
ModelDialog JavaScript模态对话框类代码
Apr 17 Javascript
jQuery中trigger()方法用法实例
Jan 19 Javascript
js实现点击文本框显示日期选择器特效代码分享
May 21 Javascript
angularjs表格分页功能详解
Jan 21 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
May 12 Javascript
原生js实现倒计时功能(多种格式调用)
Jan 12 Javascript
微信小程序之页面跳转和参数传递的实现
Sep 29 Javascript
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
你点的 ES6一些小技巧,请查收
Apr 25 Javascript
javascript 高级语法之继承的基本使用方法示例
Nov 11 Javascript
深入浅析JavaScript中的in关键字和for-in循环
Apr 20 Javascript
Vue的过滤器你真了解吗
Feb 24 Vue.js
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
建立动态的WML站点(二)
2006/10/09 PHP
PHP $_SERVER详解
2009/01/16 PHP
删除无限分类并同时删除它下面的所有子分类的方法
2010/08/08 PHP
php 判断网页是否是utf8编码的方法
2014/06/06 PHP
PHP读取CURL模拟登录时生成Cookie文件的方法
2014/11/04 PHP
PHP加密解密类实例分析
2015/04/20 PHP
php简单统计在线人数的方法
2016/05/10 PHP
php实现微信扫码自动登陆与注册功能
2016/09/22 PHP
php实现微信和支付宝支付的示例代码
2020/08/11 PHP
javascript parseInt 函数分析(转)
2009/03/21 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
js的touch事件的实际引用
2014/10/13 Javascript
了不起的node.js读书笔记之例程分析
2014/12/22 Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
2016/08/02 Javascript
jQuery基于BootStrap样式实现无限极地区联动
2016/08/26 Javascript
轻松学习Javascript闭包
2017/03/01 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
2017/03/17 Javascript
详解angularjs利用ui-route异步加载组件
2017/05/21 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
nuxt框架中路由鉴权之Koa和Session的用法
2018/05/09 Javascript
React项目动态设置title标题的方法示例
2018/09/26 Javascript
在vue中使用setInterval的方法示例
2019/04/16 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
2019/11/25 Javascript
jQuery HTML获取内容和属性操作实例分析
2020/05/20 jQuery
python使用点操作符访问字典(dict)数据的方法
2015/03/16 Python
python实现复制整个目录的方法
2015/05/12 Python
解密Python中的描述符(descriptor)
2015/06/03 Python
Python中判断子串存在的性能比较及分析总结
2019/06/23 Python
python利用re,bs4,requests模块获取股票数据
2019/07/29 Python
使用phonegap进行提示操作的具体方法
2017/03/30 HTML / CSS
中国海淘族值得信赖的海淘返利网站:55海淘
2017/01/16 全球购物
创业者是否需要商业计划书?
2014/02/07 职场文书
小学生安全演讲稿
2014/04/25 职场文书
交通事故协议书范文
2014/10/23 职场文书
超市督导岗位职责
2015/04/10 职场文书
Python Pytorch查询图像的特征从集合或数据库中查找图像
2022/04/09 Python