倒计时在微信ide上可以用,在手机上测试出了bug
发布于 4 年前 作者 qianglu 18567 次浏览 来自 问答

ide上可以正常倒计时

手机扫码预览显示NaN

代码如下

function timer(that, leftTime) {
  // 渲染倒计时时钟
  that.setData({
    countDown: date_format(leftTime)
  });
  if (leftTime <= 0) {
    that.setData({
      countDown: '00分00秒',
      overdue: true
    });
    // timeout则跳出递归
    return;
  }
  setTimeout(function () {
    // 放在最后--
    leftTime -= 1;
    timer(that, leftTime);
  }, 1000)
}
function date_format(leftTime) {
    // 分钟位
    var min = fill_zero_prefix(Math.floor(leftTime / 60));
    // 秒位
    var sec = fill_zero_prefix(leftTime % 60);
    return min + '分' + sec + '秒';
}
function fill_zero_prefix(num) {
  return num < 10 ? "0" + num : num
}

请有做过类似功能的大佬们帮看一下

4 回复

我想我知道问题所在,不知道您是否是在苹果机上测试的,如果是的话,应该是safari不支持这种方式的时间转换

2 楼能否具体说一下【这种方式的时间转换】是指什么?

这段代码里用的都是很基础的 js 语法和函数,似乎不应该存在什么兼容性问题吧,具体是哪行程序的写法不被 safari 支持呢?

确实是在苹果机上测试的,请问有没有兼容的解决方案

这段程序看着好像问题不大,关键是首次调用 timer() 传入的 leftTime 值,如果有问题的话,就可能导致后续都是 NaN 了。

另外,从算法上讲,用 setTimeout 接力的方式完成倒计时很可能会因为误差累积导致偏差,甚至如果中间由于某种原因导致 js 暂停的话(可能性,未证实),可能导致倒计时完全偏离实际时间。建议一开始计算出终止时间,每次取当前的时间计算剩余时间。

回到顶部