📜  javascript 时间执行 - Javascript (1)

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

JavaScript 时间执行

在 JavaScript 中,时间执行是指在一定的时间间隔内,执行指定的操作。这种执行方式比较常见的应用场景有定时器、延迟执行(setTimeout)、间隔执行(setInterval)等。

定时器

定时器指的是在指定的时间间隔之后执行一次指定的操作。在 JavaScript 中,我们可以使用 setTimeout() 函数来实现定时器。setTimeout() 函数有两个参数,第一个参数是要执行的操作(可以是函数、字符串、代码段等),第二个参数表示在多少毫秒之后执行操作。示例代码如下:

setTimeout(function() {
  console.log('Hi, I am a timer!');
}, 1000); // 表示在 1000 毫秒(1 秒)之后执行

在上面的代码中,定时器会在 1 秒之后输出一条信息。

延迟执行

延迟执行指的是在指定的时间之后执行一次指定的操作。在 JavaScript 中,我们可以使用 setTimeout() 函数来实现延迟执行。setTimeout() 函数有两个参数,第一个参数是要执行的操作(可以是函数、字符串、代码段等),第二个参数表示要等待的时间。示例代码如下:

setTimeout(function(){
    console.log('Hi, I am delayed!');
}, 2000); // 表示等待 2 秒之后执行

在上面的代码中,延迟执行会在 2 秒之后输出一条信息。

间隔执行

间隔执行指的是在指定的时间间隔内,重复执行指定的操作。在 JavaScript 中,我们可以使用 setInterval() 函数来实现间隔执行。setInterval() 函数有两个参数,第一个参数是要执行的操作(可以是函数、字符串、代码段等),第二个参数表示时间间隔。示例代码如下:

setInterval(function(){
    console.log('Hi, I am running every 3 seconds!');
}, 3000); // 表示每隔 3 秒执行一次

在上面的代码中,间隔执行会每隔 3 秒输出一条信息。

清除定时器

在 JavaScript 中,我们可以使用 clearInterval() 和 clearTimeout() 函数来清除定时器。这两个函数的参数是定时器返回的 ID。

示例代码如下:

var delayedID = setTimeout(function(){
    console.log('Delayed!'); 
}, 2000);
var intervalID = setInterval(function() {
    console.log('I am interval');
}, 1000);

// 清除定时器
clearTimeout(delayedID);
clearInterval(intervalID);

在上面的代码中,我们创建了一个延迟执行和一个间隔执行的定时器,然后用 clearTimeout() 和 clearInterval() 函数来清除定时器。

以上就是 JavaScript 时间执行的介绍,通过合理的使用定时器、延迟执行和间隔执行功能,可以实现很多有趣的功能。