JavaScript |在固定时间后调用函数

为了在固定时间后多次运行一个函数，我们使用的函数很少。
setInterval() 方法：此方法以指定的时间间隔（以毫秒为单位）调用函数。此方法将持续调用该函数，直到运行 clearInterval() 或关闭窗口。

句法：

setInterval(fun, msec, p1, p2, ...)

参数：

• fun：必填参数。它保存要执行的函数。
• msec：必填参数。执行代码多长时间后的时间间隔（以毫秒为单位）。如果该值小于 10，则使用 10。
• p1, p1, …：可选参数。参数作为参数传递给函数。 （IE9 及更早版本不支持）。

clearInterval() 方法：此方法清除由 setInterval() 方法设置的计时器。 setInterval() 方法返回的 ID 值作为该方法的参数。

句法：

clearInterval(varSetInt)

参数：

• varSetInt：必填参数。这是 setInterval() 方法返回的计时器名称。

示例 1：本示例设置一个函数，在 2 秒后连续将

元素附加到 上。

html

    
        
            JavaScript | Call a function
            after a fixed time.
        
    
     
    
     
        
            GeeksForGeeks
        
         
        
 
         
        
            Run
        
         
        
 
         
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
            var el_body = document.getElementById("body");
            el_up.innerHTML = JSON.stringify(GFG_object);
             
            function gfg_Run() {
                setInterval(function() {
                    var node = document.createElement("DIV");        
                    var textnode = document.createTextNode("this is GFG!");
                    node.appendChild(textnode);
                    el_body.appendChild(node);
                }, 2000);
            }
        
    

输出：

• 在点击按钮之前：
  

• 点击运行按钮后：
  

例2：本例设置一个函数，在2秒后连续追加一个

元素到，当点击停止按钮时停止追加。

html

    
        
            JavaScript | Call a function after a fixed time.
        
    
     
    
         
        
            GeeksForGeeks
        
         
        
 
         
        
            Run
        
         
        
            Stop
        
         
        
 
         
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
            var el_body = document.getElementById("body");
            el_up.innerHTML = JSON.stringify(GFG_object);
            var timer;
            function gfg_Run() {
                timer = setInterval(function() {
                    var node = document.createElement("DIV");        
                    var textnode = document.createTextNode("this is GFG!");
                    node.appendChild(textnode);
                    el_body.appendChild(node);
                }, 2000);
            }
            function gfg_Stop() {
                clearInterval(timer);
             
            }
        
    
                   

输出：

• 在点击按钮之前：
  

• 点击运行按钮后：
  

示例 3：此示例设置一个函数，该函数在 1 秒后以与上一个不同的方法连续将

元素附加到 并在单击停止按钮时停止附加。

html

    
        
            JavaScript | Call a function after a fixed time.
        
    
     
    
     
        
            GeeksForGeeks
        
     
        
 
         
        
            Run
        
         
        
            Stop
        
         
        
 
         
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
            var el_body = document.getElementById("body");
            el_up.innerHTML = JSON.stringify(GFG_object);
            var timer;
             
            function gfg_Run() {
                function gfg_function() {
                    var node = document.createElement("DIV");        
                    var textnode = document.createTextNode("this is GFG!");
                    node.appendChild(textnode);
                    el_body.appendChild(node);
                }
                timer = setInterval(gfg_function, 1000);
            }
            function gfg_Stop() {
                clearInterval(timer);
             
            }
        
    
                   

输出：

• 在点击按钮之前：
  

• 点击运行按钮后：