微信页面倒计时代码(解决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 相关文章推荐
给jQuery方法添加回调函数一款插件的应用
Jan 21 Javascript
纯js分页代码(简洁实用)
Nov 05 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
Feb 10 Javascript
javascript瀑布流式图片懒加载实例
Jun 28 Javascript
AngularJS中的指令全面解析(必看)
May 20 Javascript
javascript 封装Date日期类实例详解
May 28 Javascript
JavaScript设计模式之单例模式详解
Jun 09 Javascript
利用require.js与angular搭建spa应用的方法实例
Jul 19 Javascript
js实现下拉框二级联动
Dec 04 Javascript
JavaScript使用闭包模仿块级作用域操作示例
Jan 21 Javascript
微信小程序实现的一键复制功能示例
Apr 24 Javascript
vue实现div单选多选功能
Jul 16 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中set error handler函数用法小结
2015/11/11 PHP
php实现将base64格式图片保存在指定目录的方法
2016/10/13 PHP
PHP实现微信提现(企业付款到零钱)
2019/08/01 PHP
jQuery 研究心得 取得属性的值
2007/11/30 Javascript
在JavaScript里嵌入大量字符串常量的实现方法
2013/07/07 Javascript
js原型链与继承解析(初体验)
2016/05/09 Javascript
React.js入门实例教程之创建hello world 的5种方式
2016/05/11 Javascript
基于BootstrapValidator的Form表单验证(24)
2016/12/12 Javascript
nodejs判断文件、文件夹是否存在及删除的方法
2017/11/10 NodeJs
React 无状态组件(Stateless Component) 与高阶组件
2018/08/14 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
2018/11/08 Javascript
js中Array对象的常用遍历方法详解
2019/01/17 Javascript
详解vue-cli@2.x项目迁移日志
2019/06/06 Javascript
详解vue父子组件状态同步的最佳方式
2020/09/10 Javascript
vue使用vant中的checkbox实现全选功能
2020/11/17 Vue.js
[04:09]显微镜下的DOTA2第十二期—NaVi美如画的团战
2014/06/23 DOTA
[01:31:22]Ti4 循环赛第四日附加赛LGD vs Mouz
2014/07/13 DOTA
在Django中创建第一个静态视图
2015/07/15 Python
Django框架中处理URLconf中特定的URL的方法
2015/07/20 Python
详解Python中的各种转义符\n\r\t
2019/07/10 Python
Python数学形态学实例分析
2019/09/06 Python
Python3.7黑帽编程之病毒篇(基础篇)
2020/02/04 Python
tensorflow 报错unitialized value的解决方法
2020/02/06 Python
Django Admin后台添加数据库视图过程解析
2020/04/01 Python
python全栈开发语法总结
2020/11/22 Python
使用css3实现的tab选项卡代码分享
2014/12/09 HTML / CSS
匈牙利墨盒和碳粉购买网站:CDRmarket
2018/04/14 全球购物
BabyBjörn婴儿背带法国官网:BabyBjorn法国
2018/06/16 全球购物
Boden澳大利亚官网:英国在线服装公司
2018/08/05 全球购物
银行会计职员个人的自我评价
2013/09/29 职场文书
社区工作者先进事迹
2014/01/18 职场文书
家长写给老师的建议书
2014/03/13 职场文书
人力资源主管的岗位职责
2014/03/15 职场文书
文艺晚会策划方案
2014/06/11 职场文书
2016秋季校长开学典礼致辞
2015/11/26 职场文书
python turtle绘图命令及案例
2021/11/23 Python