javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决

在做移动端时间转化为时间戳时,遇到了一个问题,安卓手机上访问时,能拿到时间戳,从而正确转换时间,而在iOS上缺不能正常显示,显示的时间为:NaN-NaN1-NaN  Invalid Date

new Date('2016-07-18 14:58:32').getTime();      //在ios上死活拿不到时间戳显示NaN

在网上找问题出现原因,看到以下内容:

在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回来了。
但是随之而来的问题有出现了,Date是返回过来了,可是这个Date对象中方法返回的数据可不是我想要的,返回的数据全都不正确。
现在返回过来的Date对象.getMonth()总要比正常的要多一个月!还有.getDay()返回的星期几也不正确!╮(╯▽╰)╭懊恼啊,折磨啊。。。。
我都开始骂开发Safari的这帮人了,不过骂归骂问题还是要解决的,要不工资就木有了!呵呵!
接着我查了很多国外的技术blog,终于找到了解决方案,原来想要IOS5中的Safari能正确解析new Date()那么必须这么写
new Date('2013/10/21');

最后根据项目中的数据将代码修改了下: new Date("2010-03-15 10:30:00".replace(/-/g,'/')).getTime();终于解决了问题!!!(真是吓死,还以为要任务延期了,还好解决了)

获得当前时间:

 //获得当前时间
function getLocalTime(now) {
now = new Date(now);
var year=now.getFullYear();
var month=now.getMonth()+1;
var date=now.getDate();
var hour=(now.getHours()<)?("0"+now.getHours()):now.getHours();
var minute=(now.getMinutes()<10)?("0"+now.getMinutes()):now.getMinutes();
var second=(now.getSeconds()<10)?("0"+now.getSeconds()):now.getSeconds();
return year+"/"+month+"/"+date +" "+hour+":"+minute+":"+second; }

下面贴上整个倒计时代码:

 //倒计时时间计算函数
function getTime(obj){
var StartTime= new Date(obj.Start.replace(/-/g,'/')); //活动开始时间
var endTime = new Date(obj.End.replace(/-/g,'/'));//活动结束时间
var NowTime = new Date();
var t =StartTime.getTime() - NowTime.getTime(),t_end = endTime.getTime() - NowTime.getTime();
var 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);
var d_end=Math.floor(t_end/1000/60/60/24), h_end=Math.floor(t_end/1000/60/60%24),m_end=Math.floor(t_end/1000/60%60),s_end=Math.floor(t_end/1000%60);
d = d<=0?0:d;
h = h<=0?0:h;
m = m<=0?0:m;
s = s<=0?0:s;
d_end = d_end<=0?0:d_end;
h_end = h_end<=0?0:h_end;
m_end = m_end<=0?0:m_end;
s_end = s_end<=0?0:s_end;
var startIs = d==0&&h==0&&m==0&&s==0,endIs =d_end==0&&h_end==0&&m_end==0&&s_end==0 ;
if(startIs== true && endIs ==true){
setTime="";
dateShow = "直播活动已经结束";
}else if(startIs== true && endIs ==false){
setTime="";
dateShow = "直播活动正在进行";
timer = setTimeout(setTimer,500);
}else if(startIs== false && endIs ==false){
setTime="直播开始时间为:"+obj.Start;
dateShow="距离直播开始还有:"+d+"天"+h +"时"+m+"分"+s+"秒";
}
$(obj.eleCode).find(".setTime").html(setTime);
$(obj.eleCode).find(".startTime").html(dateShow);
}
 

javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决的更多相关文章

  1. js倒计时功能中newData().getTime()在iOS下会报错,显示 nan

    最近在做移动端项目 ,有个设置开始时间和结束时间,然后倒计时 这个活动还有几天.在安卓上能正确转换时间,但在iOS上不能显示,为NaN-NaN1-NaN  Invalid Date, 就好比new D ...

  2. php中读取中文文件夹及文件报错

    php读取时出现中文乱码 一般php输出中出现中文乱码我们可用 header ('content:text/html;charset="utf-8"'); php中读取中文文件夹及 ...

  3. IDEA中写MyBatis的xml配置文件编译报错的坑

    IDEA中写MyBatis的xml配置文件编译报错的坑 说明:用IDEA编译工具在项目中使用Mybatis框架,编写mybatis-config.xml和Mapper.xml配置文件时,编译项目出现错 ...

  4. python接口自动化:pycharm中import yaml报错问题解决

    一:问题 python3在cmd命令行中已经安装了yaml,且import yaml是成功的,但是pcharm中import yaml还是红色报错 二:分析原因 pycharm和python环境需要分 ...

  5. vue 中使用 watch 出现了如下的报错

    vue 中使用 watch 出现了如下的报错 报错: Method "watch" has type "object" in the component def ...

  6. JavaScript中的单引号和双引号报错的解决方法

    在使用JavaScript显示消息或者传递字符数据的时候,经常会碰到数据中夹杂单引号(')或者双引号("),这种语句往往会造成JavaScript报错.对此一般采用/'或者/"的解 ...

  7. webStrom中React语法提示,React语法报错处理

    1,webStrom中React语法报错 ①, 取消Power Save Mode的勾选 File——Power Save Mode ②,webstorm开发react-native智能提示 随便在一 ...

  8. 如何在webapp中做出原生的ios下拉菜单效果

    github:https://github.com/zhoushengmufc/iosselect webapp模仿ios下拉菜单 html下拉菜单select在安卓和IOS下表现不一样,iossel ...

  9. Eclipse中新建WEB项目,JSP页面报错。

    在Eclipse中新建java web项目,在JSP页面的第一行提示这个错误: [The superclass "javax.servlet.http.HttpServlet" w ...

随机推荐

  1. 第五个神奇的电梯(代码抢先看<1>)

    关于一些自认为比较独特的设计思路,也不知道是好还是坏,放在这里让大家一起看一下. 关于mian函数:因为采用了注册机制所以主函数比较简单. #include "stdafx.h" ...

  2. 51nod 1275 连续字段的差异(单调队列)

    http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1275 题意: 思路: 固定某个端点,然后去寻找满足能满足要求的最大区间, ...

  3. 【Ruby】【基础】

    # [Ruby 块]=begin1 块由大量代码构成2 块中代码包含在{}内3 从与其相同名称的函数调用4 可以使用yield语句调用块=enddef test p '在test方法内' yield ...

  4. Ubuntu 编译安装 Xdebug

    安装xdebug 1.下载 https://xdebug.org/download.php 找到PHP5.6对应的版本 https://xdebug.org/files/xdebug-2.5.5.tg ...

  5. ORACLE的rownum用法讲解

    如果选择踏足,终有一天你会爱上这条路. 今天讲讲ORACLE中关于ROWNUM的用法: 一.简单介绍一下ROWNUM是什么,可以用来干什么. 答:ROWNUM是一个序列,会根据sql语句自动给你加上一 ...

  6. oracle 12c创建可插拔数据库(PDB)及用户

    由于oracle 12c使用了CDB-PDB架构,类似于docker,在container-db内可以加载多个pluggable-db,因此安装后需要额外配置才能使用. 一.修改listener.or ...

  7. 自动化测试基础-断言(Assert)使用方法

    junit中的assert方法全部放在Assert类中,总结一下junit类中assert方法的分类.1.assertTrue/False([String message,]boolean condi ...

  8. ubuntu配置chrome git

    安装chrome (也可以直接从官网下载deb包安装) sudo wget http://www.linuxidc.com/files/repo/google-chrome.list -P /etc/ ...

  9. MyBatis的传入参数parameterType类型

    1. MyBatis的传入参数parameterType类型分两种 1. 1. 基本数据类型:int,string,long,Date; 1. 2. 复杂数据类型:类和Map 2. 如何获取参数中的值 ...

  10. mui 引导页

    引导页制作 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <met ...