如何使用 JavaScript 立即触发 setInterval 循环？

本文将展示一些简单的方法，通过这些方法可以使 setInterval() 方法无延迟地执行函数。有许多过程可以做到这一点，下面将通过示例描述所有过程。

注意：在本文中 setInterval() 方法将立即启动 1 st时间运行。

以下示例说明了上述方法：

示例 1：这里， setInterval() 方法在gfg()函数中返回。 gfg()函数使用 setTimeout() 来触发自己的后续调用。在此方法中每次将输出相乘。

  

    
        Start setInterval loop immediately
    

  

    
        GeeksforGeeks
    
      
    
        Start setInterval loop immediately
    
      
    
        function gfg() {
            document.write("Hello! geeks"
                        + " for geeks<br>");
            return setInterval(gfg, 3000);
        }
  
        // Function call
        gfg();
    

  

输出：

示例 2：这可以使用立即调用的函数表达式 (IIFE)来实现。它定义了函数gfg()并一次性调用。在此方法中每次将输出相乘。

   

    
        Start setInterval loop immediately
    

   

    
        GeeksforGeeks
    
      
    
        Start setInterval loop immediately
    
      
    
   
        // Using IIFE
        (function gfg() {
            document.write("Hello! geeks"
                    + " for geeks<br>");
            return setInterval(gfg, 3000);
        })();
    

   

输出：

示例 3：最简单的方法是先调用gfg() ，然后启动 setInterval 的执行周期。

   

    
        Start setInterval loop immediately
    

   

    
        GeeksforGeeks
    
      
    
        Start setInterval loop immediately
    
      
    
        function gfg() {
            document.write("Hello! geeks"
                    + " for geeks<br>")
        }
   
        gfg();
        setInterval(gfg, 3000);
    

   

输出：

在上述所有代码中，第一次出现“Hello！ geeks for geeks”语句将立即显示第二个和第三个，以此类推，时间间隔为 3 秒。第一次gfg()将在运行代码后立即调用。

注意：以上所有示例都可以通过在 HTML 的 script 标签中输入或直接输入浏览器控制台来进行测试。