微信页面倒计时代码(解决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 相关文章推荐
类似框架的js代码
Nov 09 Javascript
用javascript做拖动布局的思路
May 31 Javascript
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
Jun 02 Javascript
js图片自动切换效果处理代码
May 07 Javascript
如何调试异步加载页面里包含的js文件
Oct 30 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
Jul 07 Javascript
JavaScript常见的五种数组去重的方式
Dec 15 Javascript
Google 爬虫如何抓取 JavaScript 的内容
Apr 07 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
Apr 28 Javascript
vue element-ui实现input输入框金额数字添加千分位
Dec 29 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
Oct 27 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表单提交问题的解决方法
2011/04/12 PHP
php resizeimage 部分jpg文件 生成缩略图失败的原因分析及解决办法
2016/03/23 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
php和asp语法上的区别总结
2019/05/12 PHP
jQuery固定浮动侧边栏实现思路及代码
2014/09/28 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
分析了一下JQuery中的extend方法实现原理
2015/02/27 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
2015/09/05 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
2016/07/09 Javascript
vue.js开发环境搭建教程
2017/05/04 Javascript
Vuejs中使用markdown服务器端渲染的示例
2017/11/22 Javascript
JavaScript反射与依赖注入实例详解
2018/05/29 Javascript
js使用文件流下载csv文件的实现方法
2019/07/15 Javascript
vue实现跳转接口push 转场动画示例
2019/11/01 Javascript
微信小程序监听用户登录事件的实现方法
2019/11/11 Javascript
react使用antd表单赋值,用于修改弹框的操作
2020/10/29 Javascript
分享Python开发中要注意的十个小贴士
2016/08/30 Python
python 把文件中的每一行以数组的元素放入数组中的方法
2018/04/29 Python
创建pycharm的自定义python模板方法
2018/05/23 Python
如何运行.ipynb文件的图文讲解
2019/06/27 Python
python os.fork() 循环输出方法
2019/08/08 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
Python Tkinter图形工具使用方法及实例解析
2020/06/15 Python
解决Pycharm 中遇到Unresolved reference 'sklearn'的问题
2020/07/13 Python
去加拿大的旅行和假期:Canadian Affair
2016/10/25 全球购物
WebSphere面试题:在WebSphere里面如何部署一个应用
2015/08/02 面试题
试用期员工工作自我评价
2014/09/10 职场文书
奉献家乡演讲稿
2014/09/13 职场文书
乡镇干部个人整改措施思想汇报
2014/10/10 职场文书
社会主义核心价值观主题教育活动总结
2015/05/07 职场文书
本科毕业论文致谢怎么写
2015/05/14 职场文书
故意伤害罪辩护词
2015/05/21 职场文书
手写实现JS中的new
2021/11/07 Javascript
Python Matplotlib绘制动画的代码详解
2022/05/30 Python
Python docx库删除复制paragraph及行高设置图片插入示例
2022/07/23 Python