D3.js queue.abort()函数

d3.js 中的queue.abort()函数用于中止延迟任务的每个函数。如果任何延迟任务没有返回任何中止，那么它将继续进一步执行。

句法：

queue.abort();

参数：此函数不接受任何参数。

返回：它返回对象。

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

示例 1：将执行某些函数调用。

HTML

 
 
 
     
     
    Document 
 
 
 
 
   
   
  
    function func1(){
      console.log("from function func1")
    }
    function func2(){
      console.log("from function func2")
    }
    function func3(){
      console.log("from function func3")
    }
    function func4(){
      setTimeout(func3, 500);
    }
    let q=d3.queue(3)
    q.defer(func1)
    q.defer(func4)
    q.abort()
    // This will not be executed.
    q.defer(func2)
    console.log(q)
    console.log("Size of q is: ",q._size)
   
 

输出：

示例 2：不会执行任何函数。

HTML

 
 
 
     
     
    Document 
 
 
 
 
   
   
  
    function func1(){
      console.log("from function func1")
    }
    function func2(){
      console.log("from function func2")
    }
    function func3(){
      console.log("from function func3")
    }
    function func4(){
      setTimeout(func3, 500);
    }
    let q=d3.queue(3)
    // Using abort function to force
    // every deferred function to return abort.
    q.abort()
    // These functions will not be executed.
    q.defer(func1)
    q.defer(func4)
    q.defer(func2)
    console.log("No function will be executed.")
    console.log("Size of q is: ",q._size)
   
 

输出：