Javascript 闭包和 setTImeInterval 函数-6ren

Javascript 闭包和 setTImeInterval 函数

转载作者：行者123 更新时间：2023-11-28 01:49:59

26

4

<!DOCTYPE html>
<html>
<body>

<script>
function sampleDelay(delay) {
  return function(functionArray) {
    var count = 0;
    var func = setInterval(function(){
    if(count === functionArray.length){
      clearInterval(func);  
    }
          count++;
    console.log(functionArray[count-1]);
      return functionArray[count-1];        
    }, delay);

  };
}


var DelayedValue = sampleDelay(1000)([
  1,2,3,4,5
]);
</script>

</body>
</html>

我想在延迟一秒后将 DelayedValue varibale 的值变为 1,2,3,4,5。此代码不返回 DelayedValue 变量的值。

请指出我做错了什么？

最佳答案

这是因为您通过引入间隔使代码异步。当间隔仍在运行时，您的函数已经完成执行。您需要使用回调和/或 promise 来解决此问题。

您可以这样做，例如( fiddle ):

function delayedOutput(values, delay, callback){
    var step = 0,
        interval = setInterval(function(){
            callback(values[step++]);

            if(step === values.length){
                clearInterval(interval);
            }
    }, delay); 
}

delayedOutput([1,2,3,4,5], 1000, function(i){
    document.getElementById('output').innerHTML += i;
});

关于Javascript 闭包和 setTImeInterval 函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19809508/

26

4

0

文章推荐：当浏览器处于半屏状态时，HTML/CSS 标题在右侧折叠

文章推荐： c++ - 使用带有 lambda 谓词的 std::remove_if 删除多个元素

文章推荐： javascript - 在映射过程中使用外部函数计算 knockout 变量

文章推荐： Javascript 计算字符串中数组的出现次数

Javascript 闭包和 setTImeInterval 函数
function sampleDelay(delay) { return function(functionArray) { var count = 0; var func
javascript - 在 setTimeInterval 方法中显示 Javascript 数组中的图像
我在暂停图像时遇到了一点困难，因此它被渲染了。我将图像存储在数组的偶数索引中(例如:2、4、6)。使用 for 循环，我想每 2 秒更改一次图像。在加载 HTML 页面时，我在 HTML 中调用 on
javascript - setTimeinterval 内的 Jquery setTimeout 不起作用
我有一个 setinterval 可以将推土机从右移到左。在下面的 jsfiddle 中，setInterval 必须在 5 秒后自行停止。 (为此使用了 settimeout 和 clearint
php - 在执行 AJAX 的 JS 上重新定义 SetTimeInterval，这会向服务器发送垃圾邮件吗？
这个问题在这里已经有了答案: How to enable DDoS protection? (10 个答案) 关闭 9 年前。我只是在想....如果我有一个 ajax 调用，它调用一个从 MySQ

首页

博学

6Ren·AI

商城

Javascript 闭包和 setTImeInterval 函数