D3.js timer.restart()函数

D3.js 中的timer.restart()函数用于重新启动具有给定函数和延迟的计时器。 timer.restart()函数在想要重置计时器并重新开始时使用。

句法：

timer.restart(callback, delay);

参数：它需要两个参数，如上所述，如下所述：

• 回调：它是在特定延迟后停止或启动的函数。
• 延迟：这是函数将执行或停止的时间

示例 1：当没有给出延迟时。

HTML

  

    
    

  

    
    
    
      
    
        count = 0;
        let func = function (e) {
            console.log(e)
            if (e > 40) {
                console.log("Timer stopped after 40ms")
                if (e > 40) {
                    count++;
  
                    // Restarting the timer again
                    console.log("Timer restarts")
                    timer.restart(func)
                }
                if (count > 2) {
                    timer.stop();
                    console.log(
                        "count > 2 so timer is stopped")
                }
            }
        }
        var timer = d3.timer(func);
    

  

输出：

示例 2：当给出延迟时。

HTML

  

    
    

  

    
    
    
      
    
        count = 0;
        let func = function (e) {
            console.log(e)
            if (e > 10) {
                console.log("Timer stopped after 10ms")
                if (e > 10) {
                    count++;
  
                    // Restarting the timer again
                    console.log("Timer restarts")
                    timer.restart(func)
                }
                if (count > 4) {
                    timer.stop();
                    console.log(
                    "count > 4 so timer is stopped")
                }
            }
        }
        // A delay of 2000ms
        var timer = d3.timer(func, 2000);
    

  

输出：