延迟JS函数 - Javascript

在Javascript中，有时候我们需要延迟执行一段代码或者函数，这通常用于模拟一些异步操作或者让程序响应更加流畅。在本文中，我们将介绍三种常用的延迟JS函数方法：setInterval、setTimeout和Promise。

setInterval

setInterval是Javascript的一个内置函数，它可以按照指定的时间间隔重复执行一个任务。下面是一个简单的例子：

setInterval(function () {
  console.log("Hello, World!");
}, 1000);

上述代码会每隔1秒钟输出一次"Hello, World!"。如果你想停止这个循环，可以使用clearInterval函数：

var intervalId = setInterval(function () {
  console.log("Hello, World!");
}, 1000);

clearInterval(intervalId);

这里的intervalId是一个标识符，用于在需要的时候停止循环操作。

setTimeout

setTimeout是另一个常用的延迟函数。它会在指定的时间后，执行一次指定的函数。下面是一个简单的例子：

setTimeout(function () {
  console.log("Hello, World!");
}, 1000);

上述代码会在1秒钟后输出"Hello, World!"。如果你要取消这个延迟执行，可以像下面这样使用clearTimeout函数：

var timeoutId = setTimeout(function () {
  console.log("Hello, World!");
}, 1000);

clearTimeout(timeoutId);

和setInterval一样，这里的timeoutId也是一个标识符，用于在需要的时候取消延迟执行。

Promise

Promise是ECMAScript6引入的一个异步编程模型，它也可以用于延迟JS函数。下面是一个例子：

var promise = new Promise(function(resolve, reject) {
  setTimeout(function() {
    resolve("Hello, World!");
  }, 1000);
});

promise.then(function(result) {
  console.log(result);
});

这里的promise对象会在1秒钟后输出"Hello, World!"。需要注意的是，Promise会返回一个对象，因此我们使用then函数来接收结果。此外，Promise还有很多其他的用法，比如可以使用catch来处理异常情况。

总结

至此，我们介绍了Javascript中三种常用的延迟JS函数方法：setInterval、setTimeout和Promise。掌握这些方法可以让我们更加灵活地处理Javascript中的异步编程。