微信页面倒计时代码(解决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 相关文章推荐
地址栏上的一段语句,改变页面的风格。(教程)
Apr 02 Javascript
JavaScript中的变量作用域介绍
Dec 31 Javascript
jquery仿百度经验滑动切换浏览效果
Apr 14 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
Sep 16 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
Jul 27 Javascript
footer定位页面底部(代码分享)
Mar 07 Javascript
Webpack打包慢问题的完美解决方法
Mar 16 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
Dec 27 Javascript
JavaScript实现shuffle数组洗牌操作示例
Jan 03 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
Aug 23 Javascript
layui实现二维码弹窗、并下载到本地的方法
Sep 25 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
Nov 21 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查找指定目录下指定大小文件的方法
2014/11/28 PHP
php实现的mongodb操作类实例
2015/04/03 PHP
Yii2前后台分离及migrate使用(七)
2016/05/04 PHP
php实现的SSO单点登录系统接入功能示例分析
2016/10/12 PHP
PHPCMS V9 添加二级导航的思路详解
2016/10/20 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
js不是基础的基础
2006/12/24 Javascript
javascript 模拟JQuery的Ready方法实现并出现的问题
2009/12/06 Javascript
jquery自定义属性(类型/属性值)
2013/05/21 Javascript
jQuery学习笔记之2个小技巧
2015/01/19 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
2016/02/15 Javascript
jQuery侧边栏实现代码
2016/05/06 Javascript
bootstrap下拉菜单使用方法解析
2017/01/13 Javascript
深入学习 JavaScript中的函数调用
2017/03/23 Javascript
详解使用nodeJs安装Vue-cli
2017/05/17 NodeJs
vue动态路由实现多级嵌套面包屑的思路与方法
2017/08/16 Javascript
jQuery实现模拟搜索引擎的智能提示功能简单示例
2019/01/27 jQuery
JS+Canvas实现五子棋游戏
2020/08/26 Javascript
微信小程序实现购物车功能
2020/11/18 Javascript
python生成指定尺寸缩略图的示例
2014/05/07 Python
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
用python制作游戏外挂
2018/01/04 Python
Python3多线程操作简单示例
2018/05/22 Python
Django的CVB实例详解
2020/02/10 Python
Sofmap官网:日本著名的数码电器专卖店
2017/05/19 全球购物
expedia比利时:预订航班+酒店并省钱
2018/07/13 全球购物
玉兰油美国官网:OLAY美国
2018/10/25 全球购物
代理班主任的自我评价
2014/02/04 职场文书
《桥》教学反思
2014/04/09 职场文书
对照检查剖析材料
2014/09/30 职场文书
雾霾停课通知
2015/04/24 职场文书
车间安全生产管理制度
2015/08/06 职场文书
2016年五一国际劳动节活动总结
2016/04/06 职场文书
Python字符串对齐方法使用(ljust()、rjust()和center())
2021/04/26 Python
Windows Server 修改远程桌面端口的实现
2022/06/25 Servers
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技