微信页面倒计时代码(解决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 相关文章推荐
为Yahoo! UI Extensions Grid增加内置的可编辑器
Mar 10 Javascript
国外Lightbox v2.03.3 最新版 下载
Oct 17 Javascript
jQuery Lightbox 图片展示插件使用说明
Apr 25 Javascript
js Array对象的扩展函数代码
Apr 24 Javascript
javascript实现判断鼠标的状态
Jul 10 Javascript
JavaScript奇技淫巧44招【实用】
Dec 11 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
Sep 11 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 jQuery
用vscode开发vue应用的方法步骤
May 06 Javascript
原生JavaScript实现刮刮乐
Sep 29 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
Dec 01 Javascript
帮你提高开发效率的JavaScript20个技巧
Jun 18 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巧获服务器端信息
2006/12/06 PHP
动态创建script标签实现跨域资源访问的方法介绍
2014/02/28 Javascript
jquery操作checkbox示例分享
2014/07/21 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
2015/10/01 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
2015/10/25 Javascript
js实现文字垂直滚动和鼠标悬停效果
2015/12/31 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
2016/05/25 Javascript
js通过指定下标或指定元素进行删除数组的实例
2017/01/12 Javascript
ReactNative实现图片上传功能的示例代码
2017/07/11 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
2018/03/18 Javascript
vue 1.0 结合animate.css定义动画效果
2018/07/11 Javascript
解决select2在bootstrap modal中不能正常使用的问题
2018/08/09 Javascript
vue-week-picker实现支持按周切换的日历
2019/06/26 Javascript
el-select 下拉框多选实现全选的实现
2019/08/02 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
详解VUE中的插值( Interpolation)语法
2020/10/18 Javascript
深入浅析python中的多进程、多线程、协程
2016/06/22 Python
详细介绍Python的鸭子类型
2016/09/12 Python
python通过getopt模块如何获取执行的命令参数详解
2017/12/29 Python
python实现俄罗斯方块游戏
2020/03/25 Python
Python字典中的键映射多个值的方法(列表或者集合)
2018/10/17 Python
Pytorch训练过程出现nan的解决方式
2020/01/02 Python
TensorFlow-gpu和opencv安装详细教程
2020/06/30 Python
Python编写万花尺图案实例
2021/01/03 Python
python实现文件+参数发送request的实例代码
2021/01/05 Python
Python数据模型与Python对象模型的相关总结
2021/01/26 Python
html5 兼容IE6结构的实现代码
2012/05/14 HTML / CSS
Hotels.com爱尔兰:全球酒店预订
2017/02/24 全球购物
Manduka官网:瑜伽垫、瑜伽毛巾和服装
2018/07/02 全球购物
SCHIESSER荷兰官方网站:德国内衣专家
2020/10/09 全球购物
一套软件测试笔试题
2014/07/25 面试题
儿科护士实习自我鉴定
2013/10/17 职场文书
大学英语专业求职信
2014/06/21 职场文书
销售员未完成销售业绩的检讨书
2014/10/12 职场文书
2015年学校团委工作总结
2015/05/26 职场文书
pytorch 实现在测试的时候启用dropout
2021/05/27 Python