微信页面倒计时代码(解决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 AnythingSlider滑动效果插件
Feb 07 Javascript
Jquery为单选框checkbox绑定单击click事件
Dec 18 Javascript
javascript使用定时函数实现跳转到某个页面
Dec 25 Javascript
JavaScript程序员应该知道的45个实用技巧
Mar 04 Javascript
jquery动态添加元素事件失效问题解决方法
May 23 Javascript
JS及PHP代码编写八大排序算法
Jul 12 Javascript
jQuery 遍历map()方法详解
Nov 04 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
node上的redis调用优化示例详解
Oct 30 Javascript
vue项目首屏加载时间优化实战
Apr 23 Javascript
vuex 中插件的编写案例解析
Jun 10 Javascript
vue项目中常见问题及解决方案(推荐)
Oct 21 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
[FAQ]PHP中的一些常识:类篇
2006/10/09 PHP
php遍历目录方法小结
2015/03/10 PHP
PHP实现的多维数组去重操作示例
2018/07/21 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
javascript parseInt与Number函数的区别
2010/01/21 Javascript
Fixie.js 自动填充内容的插件
2012/06/28 Javascript
Node.js事件驱动
2015/06/18 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
2017/01/11 Javascript
微信小程序中做用户登录与登录态维护的实现详解
2017/05/17 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
AngularJS监听ng-repeat渲染完成的方法
2018/03/20 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
2018/10/19 Javascript
vue项目引入ts步骤(小结)
2019/10/31 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
2020/03/07 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
Vue实现返回顶部按钮实例代码
2020/10/21 Javascript
[58:12]Ti4第二日主赛事败者组 LGD vs iG 3
2014/07/21 DOTA
ptyhon实现sitemap生成示例
2014/03/30 Python
Linux环境下MySQL-python安装过程分享
2015/02/02 Python
Flask框架WTForm表单用法示例
2018/07/20 Python
pow在python中的含义及用法
2019/07/11 Python
Django中Aggregation聚合的基本使用方法
2020/07/09 Python
Python爬虫基于lxml解决数据编码乱码问题
2020/07/31 Python
从零开始的TensorFlow+VScode开发环境搭建的步骤(图文)
2020/08/31 Python
python利用pytesseract 实现本地识别图片文字
2020/12/14 Python
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
学习决心书范文
2014/03/11 职场文书
初中新生军训方案
2014/05/13 职场文书
处罚决定书范文
2015/06/24 职场文书
学生检讨书范文
2019/06/24 职场文书
2019大学生社会实践报告汇总
2019/08/16 职场文书
Python OpenCV实现图形检测示例详解
2022/04/08 Python
《游戏王:大师决斗》新活动上线 若无符合卡组可免费租用
2022/04/13 其他游戏
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle