使用 Promise 以 2 秒的间隔打印 5 到 0 的数字

Question

我是 JavaScript 新手，正在学习 Promise。我想以 2 秒的间隔打印 5 到 0 个数字。 例如，第一次在 2 秒后打印 5，然后在 2 秒后打印 4，依此类推。 我已经编写了代码来执行此操作，但无法获得正确的输出。

var count = 5;
var i = 2;
function d()                     
{
    let p = new Promise((resolve,reject)=>{
        while(count>=0)
        {
            setTimeout(resolve,i*1000,count);
            i= i*2;
            count = count-1;
            //count = count-1;
        }
    });
    return p;
}

d().then((x)=>{
    console.log(x);
});

它显示输出为 5。有人能纠正它吗？

Answer 1

使用 async 来编写此代码要容易得多。 .await 语法...然后您可以创建一个将延迟超时毫秒的 pause 函数。
我们可以将其包装在 while语句，循环直到计数为零。

async function pause(timeout) {
    return new Promise(resolve => setTimeout(resolve, timeout))
}

async function countDown(count) {
    while (count > 0) {
        await pause(2000);
        console.log('count:', count);
        count--;
    }
}

countDown(5);

Answer 2

每当您编写程序时，最好量化您需要跟踪的内容。

在本例中，我们有三个组件。

1. 我们想要在每个“tick”上做一些事情，并且我们想知道我们在做什么“tick”。
2. 我们想要从一个特定的数字开始倒数，直到 0。
3. 每个“刻度”应该间隔一定的时间。

一个基本的 for..loop 让我们循环遍历数字范围并排队一些 < a href="https://www.w3schools.com/jsref/met_win_settimeout.asp" rel="nofollow noreferrer">setTimeout 调用我们的回调：

/**
 * CountDown
 *
 * @param {Function} callback - The callback is a function that we call each "tick"
 * @param {number} countDownFrom - The countdown starts at this number
 * @param {number} interval - the number of milliseconds between each "tick"
 */
function CountDown(
  callback,
  countDownFrom,
  interval
) {
  for (var count = 0; count <= countDownFrom; count++) {
    setTimeout(callback, (countDownFrom - count) * interval, count);
  }
}
CountDown(
  (x) => {
    console.log(x);
  },
  5,
  2 * 1000
);

我在此答案中放置了一些 www.w3schools.com 的链接。在那里您可以找到许多 JavaScript 问题的文档和教程。