微信页面倒计时代码(解决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 相关文章推荐
[Web]防止用户复制页面内容和另存页面的方法
Feb 06 Javascript
JavaScript作用域与作用域链深入解析
Dec 06 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
Jan 09 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
node下使用UglifyJS压缩合并JS文件的方法
Mar 07 Javascript
基于Vue实现拖拽功能
Jul 29 Javascript
vue-cli项目代理proxyTable配置exclude的方法
Sep 20 Javascript
微信小程序canvas.drawImage完全显示图片问题的解决
Nov 30 Javascript
微信小程序云开发如何使用npm安装依赖
May 18 Javascript
JavaScript原型继承和原型链原理详解
Feb 04 Javascript
解决vue打包报错Unexpected token: punc的问题
Oct 24 Javascript
vue下载二进制流图片操作
Oct 26 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开发框架laravel安装与配置教程
2015/03/13 PHP
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
2009/08/28 Javascript
jQuery ajax dataType值为text json探索分享
2013/09/23 Javascript
Ajax同步与异步传输的示例代码
2013/11/21 Javascript
jQuery中ajax的使用与缓存问题的解决方法
2013/12/19 Javascript
利用Keydown事件阻止用户输入实现代码
2014/03/11 Javascript
JavaScript输出当前时间Unix时间戳的方法
2015/04/06 Javascript
JS实现的仿QQ空间图片弹出效果代码
2016/02/23 Javascript
JavaScript驾驭网页-CSS与DOM
2016/03/24 Javascript
详解微信小程序开发之城市选择器 城市切换
2017/01/17 Javascript
bootstrap table 数据表格行内修改的实现代码
2017/02/13 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
2017/08/15 Javascript
vue父组件向子组件动态传值的两种方法
2017/11/11 Javascript
在Vue中使用highCharts绘制3d饼图的方法
2018/02/08 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
2018/11/26 Javascript
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
2019/02/11 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
2019/04/11 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
2019/05/16 Javascript
原生js实现抽奖小游戏
2019/06/27 Javascript
[46:23]OG vs EG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
Python实现截屏的函数
2015/07/25 Python
pandas获取groupby分组里最大值所在的行方法
2018/04/20 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
python向图片里添加文字
2019/11/26 Python
Python While循环语句实例演示及原理解析
2020/01/03 Python
Tensorflow获取张量Tensor的具体维数实例
2020/01/19 Python
英国一家专门出售品牌鞋子的网站:Allsole
2016/08/07 全球购物
英语专业应届生求职信范文
2013/11/15 职场文书
教育科研先进个人材料
2014/01/26 职场文书
中药专业毕业自荐书范文
2014/02/08 职场文书
销售助理岗位职责
2014/02/21 职场文书
2015年世界无车日活动总结
2015/03/23 职场文书
稽核岗位职责范本
2015/04/13 职场文书
钢铁是怎样炼成的读书笔记
2015/06/29 职场文书
centos8安装nginx1.9.1的详细过程
2021/08/02 Servers
SpringBoot整合RabbitMQ的5种模式实战
2021/08/02 Java/Android