共计 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()
搬你想搬,盖你所需,码字不易,且行且珍惜!
正文完
发表至: javascript
2020-06-10