D3.js timer.stop()函数

D3.js 中的timer.stop()函数用于停止当前正在进行的定时器函数，从而防止进一步调用该函数。此函数仅在计时器尚未停止时才有效。

句法：

timer.stop()

参数：不带参数。

返回：它不返回任何东西。

注意：使用相同代码运行不同时间时，输出应该不同。

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

示例 1：当计时器停止并在此之后使用 timer.stop() 时。

    
        
        
        Document
    
    
    
        
        
      
        
            let func = function (e) {
                console.log(
'console.log("Timer stopped") will not be executed');
                if (e > 300) {
                    console.log("Timer stopped");
// This will have no effect as timer is stopped already
                    timer.stop();
                }
                // Timer stopped
                timer.stop();
            };
            // Delay of 2000ms
            var timer = d3.timer(func);
        
    

输出：

示例 2：

  
  
  Document


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


  
  
  
  
  let func=function(e) {
    // Printing time elapsed
    console.log(e)
      if (e>=400){
        console.log("Timer stopped.")
        // Timer stopped
        timer.stop();
      }
    }
  // No delay given
   var timer = d3.timer(func);
  

输出：