📜  javascript 设置延迟 - Javascript (1)

📅  最后修改于: 2023-12-03 15:31:46.090000             🧑  作者: Mango

Javascript 设置延迟

在Javascript中,我们可以使用setTimeout()函数设置一个延迟执行的操作。该函数接受两个参数,第一个参数为要执行的函数,第二个参数为延迟的时间(单位为毫秒)。

例如,以下代码将在延迟2秒后在控制台中输出Hello World

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

我们还可以将setTimeout()的返回值传递给clearTimeout()函数来取消延迟执行的操作。例如,以下代码在延迟2秒后在控制台中输出Hello World,但在1秒钟后就取消了它:

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

setTimeout(function() {
  clearTimeout(timeoutId);
  console.log("延迟执行已经取消");
}, 1000);

在javascript中,我们还可以使用setInterval()函数来重复执行一个操作,与setTimeout()类似,该函数也接受两个参数,第一个参数为要执行的函数,第二个参数为延迟的时间(单位为毫秒)。

例如,以下代码将每隔1秒钟在控制台中输出一次目前的时间:

var intervalId = setInterval(function() {
  console.log(new Date());
}, 1000);

我们同样可以使用clearInterval()函数来取消重复执行的操作。例如,以下代码将在延迟5秒后停止输出目前的时间:

var intervalId = setInterval(function() {
  console.log(new Date());
}, 1000);

setTimeout(function() {
  clearInterval(intervalId);
  console.log("重复执行已经停止");
}, 5000);

以上就是Javascript设置延迟的相关介绍。