📜  如何在 JavaScript 中第一次无延迟地执行 setInterval函数?

📅  最后修改于: 2022-05-13 01:56:54.997000             🧑  作者: Mango

如何在 JavaScript 中第一次无延迟地执行 setInterval函数?

setInterval() 方法总是在延迟后第一次调用函数,使用两种方法:

方法一:在执行setInterval之前调用一次函数:在使用setInterval函数之前,可以简单地调用一次函数。这将立即执行该函数一次,然后可以使用所需的回调设置 setInterval()函数。
创建了一个新函数,它首先包含函数的调用,然后调用 setInterval()函数。这将有助于第一次无延迟地模拟 setInterval()函数。

例子:



  

    
        How to execute setInterval function without
        delay for the first time in JavaScript ?
    

  

    

        GeeksforGeeks     

                    Execute the setInterval function         without delay the first time                 

        Click on the button to execute the         setInterval() function without delay.     

                          

输出:

  • 单击按钮后立即:
    callNormal-立即
  • 等待 3 秒后:
    callNormal-after-9

方法 2:在 setInterval函数中使用立即调用函数:立即调用函数表达式 (IIFE) 是一种在声明后立即被调用的函数。此属性可用于 setInterval()函数的回调,因为它会立即执行一次,然后使用此函数的实际 setInterval() 将在指定的延迟后开始。这将有助于第一次无延迟地模拟 setInterval()函数。

例子:



  

    
        Execute the setInterval function
        without delay the first time
    

  

    

        GeeksforGeeks     

                    Execute the setInterval function         without delay the first time                 

        Click on the button to execute the         setInterval() function without delay.     

                          

输出:

  • 单击按钮后立即:
    立即调用立即
  • 等待 3 秒后:
    immed-invoke-after-9