微信页面倒计时代码(解决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 相关文章推荐
表单内同名元素的控制
Nov 22 Javascript
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 Javascript
JS中三目运算符和if else的区别分析与示例
Nov 21 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
Apr 10 Javascript
JavaScript Window浏览器对象模型方法与属性汇总
Apr 20 Javascript
原生javascript实现图片无缝滚动效果
Feb 12 Javascript
javascript轮播图算法
Oct 21 Javascript
微信小程序 本地数据存储实例详解
Apr 13 Javascript
老生常谈angularjs中的$state.go
Apr 24 Javascript
基于vue实现圆形菜单栏组件
Jul 05 Javascript
vue 项目软键盘回车触发搜索事件
Sep 09 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
星际争霸兵种名称对照表
2020/03/04 星际争霸
php+js实现异步图片上传实例分享
2014/06/02 PHP
php统计数组元素个数的方法
2015/07/02 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
thinkPHP框架中执行事务的方法示例
2018/05/31 PHP
JavaScript 动态生成方法的例子
2009/07/22 Javascript
jquery 页面全选框实践代码
2010/04/02 Javascript
用JS将搜索的关键字高亮显示实现代码
2013/11/08 Javascript
JS实现根据出生年月计算年龄
2014/01/10 Javascript
JavaScript学习心得之概述
2015/01/20 Javascript
AngularJS的内置过滤器详解
2015/05/14 Javascript
关于function类中定义变量this的简单说明
2016/05/28 Javascript
javascript基础知识讲解
2017/01/11 Javascript
vue translate peoject实现在线翻译功能【新手必看】
2018/06/07 Javascript
详解vue-router 初始化时做了什么
2018/06/11 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
2019/05/14 Javascript
基于Node.js搭建hexo博客过程详解
2019/06/25 Javascript
js刷新页面location.reload()用法详解
2019/12/09 Javascript
JS Thunk 函数的含义和用法实例总结
2020/04/08 Javascript
JavaScript实现无限轮播效果
2020/11/19 Javascript
[01:50:49]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第三场 1月24日
2021/03/11 DOTA
Python 面向对象 成员的访问约束
2008/12/23 Python
python实现根据ip地址反向查找主机名称的方法
2015/04/29 Python
利用Python2下载单张图片与爬取网页图片实例代码
2017/12/25 Python
python对视频画框标记后保存的方法
2018/12/07 Python
python+mysql实现教务管理系统
2019/02/20 Python
django rest framework vue 实现用户登录详解
2019/07/29 Python
浅谈tensorflow中Dataset图片的批量读取及维度的操作详解
2020/01/20 Python
python标准库sys和OS的函数使用方法与实例详解
2020/02/12 Python
解决Pytorch自定义层出现多Variable共享内存错误问题
2020/06/28 Python
Django-Scrapy生成后端json接口的方法示例
2020/10/06 Python
精彩的英文自荐信
2014/01/30 职场文书
运动会入场解说词
2014/02/07 职场文书
汉语专业毕业生自荐信
2014/07/06 职场文书
党员批评与自我批评发言材料
2014/10/14 职场文书
干货:如何写好工作计划!
2019/05/17 职场文书