javascript学习笔记(十五) js间歇调用和超时调用

JavaScript学习笔记(十五)—— JS间歇调用和超时调用

JavaScript中的间歇调用和超时调用是处理异步编程中的常用技术，它们可以让我们在指定的时间间隔内执行指定的函数或代码块。接下来我们将详细讲解 JavaScript中的间歇调用和超时调用。

1. setInterval方法

setInterval方法可以按照指定时间间隔重复执行指定的函数或代码块，语法格式如下：

setInterval(function(), milliseconds)

其中 function() 表示需要执行的函数或代码块，milliseconds 表示指定的时间间隔，单位为毫秒。

示例1：按照每秒钟执行一次的频率，计算器加1，并将结果输出到控制台中。

var num = 0;
var timer = setInterval(function(){
    num++
    console.log(num);
}, 1000);

上述代码中，我们定义了一个 num 变量，并将其初始化为0。然后使用 setInterval 方法按照每秒钟执行一次的频率，执行了一个匿名函数，每次在执行之前将 num 的值加1，并将其输出到控制台中。因此，每次输出的 num 值均会递增。

当我们需要停止这个计时器时，可以使用 clearInterval 方法：

clearInterval(timer);

2. setTimeout方法

setTimeout方法可以在指定的时间间隔之后，执行指定的函数或代码块，语法格式如下：

setTimeout(function(), milliseconds)

其中 function() 表示需要执行的函数或代码块，milliseconds 表示指定的时间间隔，单位为毫秒。

示例2：在3秒钟之后，弹出提示框。

setTimeout(function(){
    alert('Hello World!');
}, 3000);

上述代码中，我们使用 setTimeout 方法，在3秒钟之后弹出提示框，提示框中显示 ‘Hello World!’ 的字符串。

当我们需要取消这个定时器时，可以使用 clearTimeout 方法：

var timer = setTimeout(function(){
    alert('Hello World!');
}, 3000);
clearTimeout(timer);

上述代码中，我们定义了一个名为 timer 的变量，使用 setTimeout 方法，在3秒钟之后弹出提示框。然后，我们又使用 clearTimeout 方法取消了这个定时器。

在实际开发中，我们通常会使用间歇调用和超时调用来处理一些异步请求和操作以及动画效果等，可以使代码更简洁和易于维护。