关于苹果ios中的Date获取时间NaN的问题

40次阅读

共计 917 个字符,预计需要花费 3 分钟才能阅读完成。

项目开发过程中难免会遇到倒计时,获取时间等类似的问题,然而 ios 端获取时间戳时发现,显示结果 NaN(nont a number),安卓端显示是 ok 的。
原因:Date()内时间格式问题
ios 使用如下方法获得 NaN,安卓手机则是正常计算

new Date("2019-01-01 00:00:00").getTime()

解决方法:
将时间格式中‘-’换成‘/’

new Date("2019/01/01 00:00:00").getTime()

正则表达式替换方法

"2019-01-01 00:00:00".replace(/\-/g, '/')

以下是一个倒计时的简单案例

function countTime() {
    // 获取当前时间
    var date = new Date();
    var now = date.getTime();
    // 设置截止时间
    var endDate = new Date("2019-10-1 07:30:00");
    var end = endDate.getTime();
    // 时间差
    var leftTime = end-now;
    // 定义变量 d,h,m,s 保存倒计时的时间
    var d,h,m,s;
    if (leftTime>=0) {d = Math.floor(leftTime/1000/60/60/24);
        h = Math.floor(leftTime/1000/60/60%24);
        m = Math.floor(leftTime/1000/60%60);
        s = Math.floor(leftTime/1000%60);
    }else{
        d = 0;
        h = 0;
        m = 0;
        s = 0;
    }
    // 将倒计时赋值到 div 中
    document.getElementById("_d").innerHTML = d;
    document.getElementById("_h").innerHTML = h;
    document.getElementById("_m").innerHTML = m;
    document.getElementById("_s").innerHTML = s;
    // 递归每秒调用 countTime 方法,显示动态时间效果
    setTimeout(countTime,1000);

}
   countTime()

搬你想搬,盖你所需,码字不易,且行且珍惜!

正文完
 0