是否有等效的JavaScript或JQuery的sleep函数？

14 浏览
0 Comments

是否有等效的JavaScript或JQuery的sleep函数？

我想在JavaScript中实现类似的功能。

for (i = 0; i < 10; i++) {
    alert(i);
    // 然后休眠1秒
    sleep(1000);
}

是否有JavaScript或jQuery内置的方法可以实现这个功能呢？

谢谢！

0

3 答案

0 Comments

原因：这个问题的出现是因为在循环中需要进行睡眠操作。但是在JavaScript中，使用睡眠操作会导致代码执行被阻塞，因此需要寻找一种解决方法。

解决方法：一种解决方法是使用事件系统来替代睡眠操作。可以使用YUI或其他框架提供的事件系统，让监听器在事件触发时执行相应的操作。另一种方法是使用setTimeout函数来模拟睡眠操作，通过设置定时器来延迟执行代码。

以下是使用YUI框架的示例代码：

var myEvent = new YAHOO.util.CustomEvent('fooEvent');
myEvent.subscribe(function() {alert(this.count++);},{count:0},true);
setTimeout('myEvent.fire()',1000);

这种方法更加简洁。如果不想使用事件框架，可以尝试以下代码：

var myObj = {
    count:0,
    doSomething:function(){alert(this.count++);},
    loopFunc:function(){
        this.doSomething();
        setTimeout('myObj.loopFunc()',1000);
    }
}

这种方法更加简洁，但需要将myObj设置为全局变量，以便setTimeout函数能够找到它。

如果非常需要在代码中使用睡眠函数，可以通过发起同步的AJAX调用来实现。在服务器端的代码中可以实现睡眠操作。以下是一个示例代码的链接，可以了解如何进行同步的AJAX调用：[How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?](https://stackoverflow.com/questions/133310)

但是强烈建议使用setTimeout方法，因为它更加简洁，而且避免了不必要的服务器端调用。

此外，还需要注意的是，在使用回调函数时，loopFunc函数的执行环境会发生变化，this关键字会指向其他对象而不是myObj对象。可以通过将所需的this保存在闭包中来解决这个问题。

总之，使用事件系统或setTimeout函数都是解决在循环中需要睡眠操作的方法，推荐使用setTimeout方法来避免不必要的服务器端调用，并注意在使用回调函数时，确保执行环境正确。

0
0 Comments

在JavaScript和jQuery中，没有直接等待一段时间的函数。尽管可以使用setTimeout方法来延迟执行代码，但是该方法需要一个回调函数作为参数。但是，有时候我们可能不需要一个回调函数，只是想简单地等待一段时间后再执行下一行代码。以下是问题的原因以及解决方法：

原因：使用setTimeout方法需要一个回调函数作为参数。

解决方法：使用自定义的sleep函数来模拟等待一段时间的效果。可以通过使用Promise对象来实现。以下是一个示例代码：

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}
async function myFunction() {
  console.log('Start');
  await sleep(2000);
  console.log('End');
}
myFunction();

在上面的代码中，sleep函数接受一个参数ms，表示要等待的时间（以毫秒为单位）。然后，该函数返回一个Promise对象，并使用setTimeout函数来延迟resolve函数的执行，从而模拟等待的效果。

在myFunction函数中，我们使用了async和await关键字。async关键字表示该函数是一个异步函数，而await关键字用于等待一个Promise对象的解析。在这里，我们使用await关键字等待sleep函数的执行，然后才会继续执行后面的代码。

运行上面的代码，将会在控制台上打印出"Start"，然后等待2秒后再打印出"End"。

通过使用自定义的sleep函数，我们可以实现在JavaScript和jQuery中类似于PHP中的延迟执行代码的效果。这样可以更好地控制代码的执行顺序和时间间隔。

0
0 Comments

在JavaScript或jQuery中没有直接的sleep函数。你需要使用setTimeout函数告诉JavaScript在一段时间后唤醒某个操作。

在下面的例子中，我从互联网上找到一个例子来解释如何使用setTimeout函数实现类似于sleep的效果：

function dothingswithsleep(part) {
    if (part == 0) {
        alert("before sleep");
        setTimeout(function() { dothingswithsleep(1); }, 1000);
    } else if (part == 1) {
        alert("after sleep");
    }
}

但这种设计是脆弱的。你最好重新思考你的业务逻辑，来真正在一秒钟后执行某个操作：可以调用不同的函数，而不是使用这些人为构造的辅助变量。

0