Javascript setTimeout()

    在本教程中,您将借助示例了解 JavaScript setTimeout() 方法。
    setTimeout() 方法在指定时间后执行一段代码。该方法只执行一次代码。
    JavaScript setTimeout 常用的语法是:

setTimeout(function, milliseconds);

    它的参数是:

  • function - 包含代码块的函数
  • milliseconds - 执行 function 函数的时间

    setTimeout() 方法返回一个 intervalID,它是一个正整数。

示例 1:3 秒后显示一次文本
// program to display a text using setTimeout method
function greet() {
    console.log('Hello world');
}

setTimeout(greet, 3000);
console.log('This message is shown first');

    输出

This message is shown first
Hello world

    在上述程序中,setTimeout() 方法在3000毫秒(3秒)后调用 greet() 函数。因此,程序仅在3秒钟后显示一次文本 Hello world。
    注意:当您想在一段时间后执行一次代码块时,setTimeout() 方法很有用。例如,在指定时间后向用户显示消息。
    setTimeout() 方法返回间隔 id。例如,

// program to display a text using setTimeout method
function greet() {
    console.log('Hello world');
}

let intervalId = setTimeout(greet, 3000);
console.log('Id: ' + intervalId);   

    输出

Id: 3
Hello world
示例 2:每 3 秒显示一次时间
// program to display time every 3 seconds
function showTime() {

    // return new date and time
    let dateTime= new Date();

    // returns the current local time
    let time = dateTime.toLocaleTimeString();

    console.log(time)

    // display the time after 3 seconds
     setTimeout(showTime, 3000);
}

// calling the function
showTime();

    输出

5:45:39 PM
5:45:43 PM
5:45:47 PM
5:45:50 PM
..................

    上述程序每3秒显示一次时间。
    setTimeout() 方法仅在时间间隔(此处为3秒)之后调用该函数一次。
    但是,在上面的程序中,由于函数是调用自身,所以程序每3秒显示一次时间。
    这个程序无限期地运行(直到内存用完)。
    注意:如果您需要多次执行一个函数,最好使用 setInterval() 方法。

JavaScript clearTimeout()

    正如您在上面的示例中所看到的,程序在指定的时间间隔后执行一段代码。如果要停止此函数调用,可以使用 clearTimeout() 方法。
    clearTimeout() 方法的语法是:

clearTimeout(intervalID);

    这里,intervalID 是 setTimeout() 方法的返回值。

示例 3:使用 clearTimeout() 方法
// program to stop the setTimeout() method

let count = 0;

// function creation
function increaseCount(){

    // increasing the count by 1
    count += 1;
    console.log(count)
}

let id = setTimeout(increaseCount, 3000);

// clearTimeout
clearTimeout(id); 
console.log('setTimeout is stopped.');

    输出

setTimeout is stopped.

    在上面的程序中,setTimeout() 方法用于在3秒后增加 count 的值。但是,clearTimeout() 方法会停止 setTimeout() 方法的函数调用。因此,count 值不会增加。
    注意:当需要在 setTimeout() 方法调用之前取消它时,通常使用 clearTimeout() 方法。
    您还可以将其他参数传递给 setTimeout() 方法。语法是:

setTimeout(function, milliseconds, parameter1, ....paramenterN);

    当您向 setTimeout() 方法传递附加参数时,这些参数(parameter1、parameter2等)将被传递给指定的函数。例如,

// program to display a name
function greet(name, lastName) {
    console.log('Hello' + ' ' + name + ' ' + lastName);
}

// passing argument to setTimeout
setTimeout(greet, 1000, 'John', 'Doe');

    输出

Hello John Doe

    在上面的程序中,两个参数 John 和 Doe 被传递给 setTimeout() 方法。
    这两个参数是传递给函数的参数(这里是 greet() 函数),是在 setTimeout() 方法中定义的。

    推荐阅读: JavaScript async() 和 await()

    上一教程JS Proxies                                          下一教程JS CallBack

参考文档

[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/setTimeout

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: JavaScript中的setTimeout是一个函数,它可以在指定的时间后执行一段代码。它的语法是setTimeout(function, milliseconds),其中function是要执行的代码,milliseconds是延迟的毫秒数。例如,setTimeout(function(){alert("Hello World!");}, 100)将在1秒后弹出一个消息框,显示"Hello World!"。 ### 回答2: JavaScript中的setTimeout()函数是一个用于设置定时器的方法。它接受两个参数:一个函数和一个延迟时间的毫秒数。 使用setTimeout()函数,我们可以在一定的延时后执行指定的函数。延时时间由第二个参数指定,单位为毫秒。 例如,我们可以使用setTimeout()函数来在页面加载后延迟3秒执行一个函数,如下所示: ``` setTimeout(function(){ console.log("3秒钟后执行此函数。"); }, 3000); ``` 上述代码中,setTimeout()函数将在3秒钟后执行一个匿名函数,该函数会在控制台打印出"3秒钟后执行此函数。"的消息。 setTimeout()函数还可以返回一个数字类型的定时器ID,用于取消定时器。可以使用clearTimeout()函数来取消setTimeout()函数设置的延时。 例如,如果我们想要在2秒后取消前面的定时器,可以使用如下代码: ``` var timerId = setTimeout(function(){ console.log("3秒钟后执行此函数。"); }, 3000); setTimeout(function(){ clearTimeout(timerId); console.log("定时器已取消。"); }, 2000); ``` 在上述代码中,我们先设置了一个定时器,并将其ID存储在timerId变量中。然后,将在2秒后用clearTimeout()函数来取消这个定时器,同时在控制台输出"定时器已取消。"的消息。 总而言之,setTimeout()函数是一种在JavaScript中使用的用于设置定时器的方法。它可用于在一定的延时后执行指定的函数,并提供了取消定时器的功能。 ### 回答3: javascript中的setTimeout()是一个用于设置定时器的函数。它接受两个参数,第一个参数是要执行的函数或要执行的代码片段,第二个参数是延迟的毫秒数。 使用setTimeout()函数,我们可以在指定的延迟时间后执行代码。延迟时间可能是任何正整数值,代表了从调用setTimeout()开始到执行函数的时间间隔。 下面是一个例子,展示了如何使用setTimeout()函数延迟执行一段代码: ```javascript // 延迟1000毫秒后执行一段代码 setTimeout(function(){ console.log("Hello, World!"); }, 1000); ``` 在上述示例中,我们传递了一个匿名函数作为第一个参数,这个函数将打印"Hello, World!"到控制台。第二个参数是延迟时间,这里设置为1000毫秒(1秒)。 使用setTimeout()函数可以创建动画效果、处理异步任务,或者在指定延迟后执行一些特定的行为。需要注意的是,setTimeout()函数并不保证在指定的延迟时间后立即执行,而是尽可能地在这段时间内执行。 此外,setTimeout()还返回一个计时器标识符,可以通过clearTimeout()函数来取消定时器。例如: ```javascript var timerId = setTimeout(function(){ console.log("Hello, World!"); }, 1000); // 取消定时器 clearTimeout(timerId); ``` 总之,setTimeout()函数在JavaScript中是一个非常常用的定时器函数,它可以延迟执行代码,提供了灵活的定时功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值