微信页面倒计时代码(解决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 相关文章推荐
详解JavaScript函数绑定
Aug 18 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
Mar 13 Javascript
jQuery子窗体取得父窗体元素的方法
May 11 Javascript
js 判断一组日期是否是连续的简单实例
Jul 11 Javascript
javascript中获取元素标签中间的内容的实现方法
Oct 08 Javascript
jQuery绑定事件的四种方式介绍
Oct 31 Javascript
javascript将url解析为json格式的两种方法
Aug 18 Javascript
解决vue打包css文件中背景图片的路径问题
Sep 03 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
js逆向解密之网络爬虫
May 30 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
Dec 19 Javascript
基于canvasJS在PHP中制作动态图表
May 30 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 mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
PHP实现的限制IP投票程序IP来源分析
2016/05/04 PHP
CakePHP框架Session设置方法分析
2017/02/23 PHP
Yii 2.0中场景的使用教程
2017/06/02 PHP
PHP递归实现汉诺塔问题的方法示例
2017/11/25 PHP
javascript正则表达式参数/g与/i及/gi的使用指南
2014/08/27 Javascript
Web表单提交之disabled问题js解决方法
2015/01/13 Javascript
vue.js学习笔记之绑定style样式和class列表
2016/10/31 Javascript
详解Javascript 中的 class、构造函数、工厂函数
2017/12/20 Javascript
webpack打包js的方法
2018/03/12 Javascript
jQuery表单元素过滤选择器用法实例分析
2019/02/20 jQuery
基于JS实现web端录音与播放功能
2019/04/17 Javascript
纯JS开发baguetteBox.js响应式画廊插件
2020/06/28 Javascript
原生微信小程序开发中 redux 的使用详解
2021/02/18 Javascript
调试Python程序代码的几种方法总结
2015/04/28 Python
Python利用递归和walk()遍历目录文件的方法示例
2017/07/14 Python
python 读写中文json的实例详解
2017/10/29 Python
Python输出各行命令详解
2018/02/01 Python
Python后台开发Django的教程详解(启动)
2019/04/08 Python
python属于解释型语言么
2020/06/15 Python
python和php哪个容易学
2020/06/19 Python
Python使用eval函数执行动态标表达式过程详解
2020/10/17 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
Html5之title吸顶功能
2018/06/04 HTML / CSS
美国女性卫生用品公司:Thinx
2017/06/30 全球购物
中学运动会广播稿
2014/01/19 职场文书
竞聘书怎么写,如何写?
2014/03/31 职场文书
党的群众教育实践活动实施方案
2014/06/12 职场文书
人事聘任通知
2015/04/21 职场文书
胡桃夹子观后感
2015/06/11 职场文书
绿里奇迹观后感
2015/06/15 职场文书
暂住证明怎么写
2015/06/19 职场文书
2015年城乡环境综合治理工作总结
2015/07/24 职场文书
css position fixed 左右双定位的实现代码
2021/04/29 HTML / CSS
对Keras自带Loss Function的深入研究
2021/05/25 Python
浅谈react useEffect闭包的坑
2021/06/08 Javascript