D3.js interval()函数

d3.interval()函数用于在每个给定的时间间隔或延迟后调用该函数。如果没有给出延迟，则延迟等于计时器。

句法：

d3.interval(callback, delay);

参数：它采用上面提到的两个参数，如下所述：

• 回调：它是在特定延迟后执行的函数。
• 延迟：这是函数执行后的延迟。

返回：它返回一个对象。

注意：每次执行代码时输出可能不同。

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

HTML

  

    
    
  
    
        .originalColor {
            height: 100px;
            width: 100px;
        }
  
        .darkerColor {
            height: 100px;
            width: 100px;
        }
    

  

    
    
    
      
    
        let count = 0;
        let func = function (e) {
            count++;
            console.log(e);
            console.log("Time interval will "
                + "stop when count is greater 5" 
                + "current count: ", count);
            if (count > 5)
                timer.stop()
        }
        var timer = d3.interval(func);
    

  

输出：

示例 2：当给出延迟时。

HTML

  

    
    
  
    
        .originalColor {
            height: 100px;
            width: 100px;
        }
  
        .darkerColor {
            height: 100px;
            width: 100px;
        }
    

  

    
    
    
      
    
        let count = 0;
        console.log("The delay is 500ms.");
        let func = function (e) {
            count++;
            console.log(e);
            console.log("Time interval will "
                + "stop when count is greater 3" 
                + " current count: ", count);
            if (count > 3)
                timer.stop()
        }
        var timer = d3.interval(func, 500);
    

  

输出：