微信页面倒计时代码(解决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中callee与caller的用法和应用场景
Dec 08 Javascript
javascript获取网页宽高方法汇总
Jul 19 Javascript
jQuery滚动加载图片实现原理
Dec 14 Javascript
js滚轮事件兼容性问题需要注意哪些
Nov 15 Javascript
js实现移动端轮播图效果
Dec 09 Javascript
Angular如何在应用初始化时运行代码详解
Jun 11 Javascript
详解webpack运行Babel教程
Jun 13 Javascript
js限制输入框只能输入数字(onkeyup触发)
Sep 28 Javascript
Vue.js实现备忘录功能
Jun 26 Javascript
JS实现页面跳转与刷新的方法汇总
Aug 30 Javascript
javascript如何实现create方法
Nov 04 Javascript
在微信小程序中使用mqtt服务的方法
Dec 13 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
ezSQL PHP数据库操作类库
2010/05/16 PHP
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
Codeigniter上传图片出现“You did not select a file to upload”错误解决办法
2014/06/12 PHP
php导出CSV抽象类实例
2014/09/24 PHP
微信支付开发告警通知实例
2016/07/12 PHP
功能强大的PHP POST提交数据类
2016/07/15 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
JavaScript单元测试ABC
2012/04/12 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
2015/06/19 Javascript
jQuery插件imgPreviewQs实现上传图片预览
2016/01/15 Javascript
jQuery基础知识点总结(必看)
2016/05/31 Javascript
jquery实现静态搜索功能(可输入搜索文字)
2017/03/28 jQuery
一个有意思的鼠标点击文字特效jquery代码
2017/09/23 jQuery
基于js中style.width与offsetWidth的区别(详解)
2017/11/12 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
2017/11/17 Javascript
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
vue弹窗插件实战代码
2018/09/08 Javascript
Vue中 key keep-alive的实现原理
2018/09/18 Javascript
angular 未登录状态拦截路由跳转的方法
2018/10/09 Javascript
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
2019/10/15 Javascript
解决vue自定义全局消息框组件问题
2019/11/22 Javascript
解密Python中的描述符(descriptor)
2015/06/03 Python
python一键升级所有pip package的方法
2017/01/16 Python
django创建自定义模板处理器的实例详解
2017/08/14 Python
PyQT5 QTableView显示绑定数据的实例详解
2019/06/25 Python
python实现的config文件读写功能示例
2019/09/24 Python
python图的深度优先和广度优先算法实例分析
2019/10/26 Python
python3.7调试的实例方法
2020/07/21 Python
基于Python pyecharts实现多种图例代码解析
2020/08/10 Python
python爬虫爬取图片的简单代码
2021/01/18 Python
智利最大的网上商店:Linio智利
2016/11/24 全球购物
navabi英国:设计师大码女装
2019/06/25 全球购物
大学生年度自我鉴定
2013/10/31 职场文书
党员教师群众路线思想汇报范文
2014/10/28 职场文书