Question

有人可以帮助我理解这两行代码并改进它们以实际允许我停止重复吗？

var wait = ms => new Promise(r => setTimeout(r, ms));
var repeat = (ms, func) => new Promise(r => (setInterval(func, ms), wait(ms).then(r)));

repeat(1000, () => Promise.all([myfunction()])
  .then(...)

Answer 1

第一行（等待）只是等待一定的毫秒数然后结束。

第二行（repeat）编程一个函数在一定的时间间隔内运行（setInterval），然后调用wait并将重复函数上设置的毫秒数传递给它。这些函数只调用一次。 Javascript的setInterval内部控件是从现在开始以编程时间间隔调用() => Promise.all([myfunction()])的控件。

如果您只是识别您的代码，事情就会变得更加清晰。

var wait = 
    ms => new Promise(
        r => setTimeout(r, ms)
    );

var repeat = 
    (ms, func) => new Promise(
        r => (
            setInterval(func, ms), 
            wait(ms).then(r)
        )
    );

repeat(1000, () => Promise.all([myfunction()]))
.then(...);

为了停止该功能，你必须捕获间隔的id并调用clearInterval，就像SimpleJ指出的那样。一旦你全部投入到Promise中，你可能会希望这样做。所以一个完整的工作示例是：

var intervalID = 0;

var wait = 
    ms => new Promise(
        r => setTimeout(r, ms)
    );

var repeat = 
    (ms, func) => new Promise(
        r => (
            intervalID = setInterval(func, ms), 
            wait(ms).then(r)
        )
    );

var myfunction = 
    () => new Promise(
        r => r(console.log('repeating...'))
    );

var stopAfter5Secs = 
    () => new Promise(
        r => r(setTimeout(() => { 
                    clearInterval(intervalID);
                    console.log('repeat end') 
               } , 5000))
    );

repeat(1000, () => Promise.all([myfunction()])) // 1000 miliseconds = 1 second
.then(stopAfter5Secs())  // starts timer to end repetitions
.then(console.log('repeat start')); // informs that all actions were started correctly and we are waiting for them to finish

Promiss.all调用传递给它的任何可交换对象中的所有promisses。在这种情况下，只有一个元素（myfunction）的数组。我创建了一个简单的函数，只写了重复＆＃39;到控制台，成为那个功能。但是如果所有函数都返回promisses，你可以传递任意数量的函数。

您可以在此处看到它：https://jsfiddle.net/9n2knxdg/7/

Answer 2

您可以解决setInterval wait在[{1}}完成后返回的时间间隔，并使用repeat清除时间间隔：

＆＃13;

clearInterval

＆＃13;

虽然我不确定我是否了解var wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms)); var repeat = (ms, func) => new Promise((resolve) => { const interval = setInterval(func, ms); wait(ms).then(() => resolve(interval)); }); repeat(1000, () => console.log("Repeated")) .then((interval) => { console.log("Stopping repeat"); clearInterval(interval); });功能的目的。

理解与setTimeout和setInterval

2 个答案: