D3.js timer()函数

D3.timer()函数用于在特定时间间隔后运行计时器函数。计时器将在指定的延迟后运行。给出的延迟以毫秒为单位。

句法：

d3.timer(callback, delay);

参数：它需要以下两个参数。

• 回调：它是一个函数。
• 延迟：这是函数执行后的延迟。

返回：它返回数据类型 Number 的时间。

下面给出了上述函数的几个例子。

示例 1：

  
  
  Document




  
  
  
  
  let func=function(elapsed) {
      console.log(elapsed);
      if (elapsed > 500){
        console.log("Timer stopped")
        timer.stop();
      }
    }
   var timer = d3.timer(func);
  

输出：

示例 2：

  
  
  Document


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


  
  
  
  
  let func=function(e) {
      console.log(e);
      if (e>300){
        console.log("Timer stopped")
        timer.stop();
      }
    }
    // Delay of 2000ms
   var timer = d3.timer(func, 2000);
  

输出：