Question

我正在基于用户输入创建超时，输入格式为1min或2h，并通过以下代码确定是一分钟还是一小时；

if (duration.includes("h", 1)) {
  /* If the collectedDuration includes "h" in it,
  parse the string into an integer and multiply it with an hour in miliseconds */
  const intDuration = parseInt(duration, 10);
  const parsedDuration = intDuration * 3600000;
  // Create the timer with setTimeout where parsedDuration is the delay
  createTimer(item, parsedDuration);
} else if (duration.includes("m", 1)) {
  const intDuration = parseInt(duration, 10);
  const parsedDuration = intDuration * 60000;
  createTimer(item, parsedDuration);
}

我想做的事情：计算出setTimeout在完成任何给定时间之前还剩下多少时间。例如：创建计时器1小时15分钟后，我使用命令显示剩余时间为45分钟。

我尝试了here找到的转换方法，但这是静态的；只会将基本毫秒转换为小时。我需要一些动态的东西。

我也尝试过使用Date对象，但是失败了。我该怎么办？

Answer 1

香草setTimeout无法做到这一点。您必须将其包装：

class Timeout {
  // this is a pretty thin wrapper over setTimeout
  constructor (f, n, ...args) {
    this._start = Date.now() + n; // when it will start
    this._handle = setTimeout(f, n, ...args);
  }

  // easy cancel
  cancel () {
    clearTimeout(this._handle);
  }

  // projected start time - current time
  get timeLeft () {
    return this._start - Date.now();
  }
}

我希望他们首先为超时/间隔提供一个OO接口。用法：

const timeout = new Timeout(console.log, 2000, 'foo', 'bar');
setTimeout(() => console.log(timeout.timeLeft), 1000);

应该打印类似

1000
foo bar

在几秒钟的过程中。

Answer 2

此答案不完整，更多是建议。

您说过，使用Date对象尝试执行所需的操作失败，请考虑使用momentjs库使用的方法。瞬间使修改日期比转换为历元然后添加/减去毫秒要容易得多。

https://momentjs.com/

您可以执行以下操作：

None

setTimeout和Date对象

2 个答案: