如何在點擊按鈕後延遲js功能

Question

我想在單擊按鈕以獲取一些數據後添加延遲。 腳本在瀏覽器控制檯內運行。

$（pages（））get's the pagination buttons。

let calls = []; 
    for (let i = 1; i <= callPagesCount; i++) { 
    $(pages()).find('a')[i].click() 

    setTimeout(() => {}, 200) 

    // Call the below, 200 ms later 
    callsNode().map((i, el) => { 
     calls.push({ 
     call_condition: $(el).find('div > span').text().trim(), 
     date: $(el).find('div').text().trim().match(/\[(.+)\]/i), 
     }) 
    }) 
    } 

Answer 1

您可以使用$.map()，.delay()，.queue()，.promise()

$(() => { 
 
    $("a").on("click", e => { 
 
    e.preventDefault(); 
 
    console.log("clicked") 
 
    }); 
 

 
    $({}).queue("pages" 
 
    , $.map($("a") /* Array.from({length:callPagesCount}, (_, i) => i + 1) */ 
 
    , (el, i) => 
 
    (next) => { 
 
     el.click(); 
 
     /* 
 
     $(pages()).find('a')[i].click() 
 
     */ 
 
     $({}).delay(1000 /* 200 */ , "delay") 
 
     .queue(_next => { 
 
      /* 
 
      callsNode().map((i, el) => { 
 
      calls.push({ 
 
       call_condition: $(el).find('div > span').text().trim(), 
 
       date: $(el).find('div').text().trim().match(/\[(.+)\]/i), 
 
      }) 
 
      }) 
 
      */ 
 
      _next(); 
 
     }).dequeue("delay") 
 
     .promise("delay").then(next) 
 
    } 
 
)).dequeue("pages"); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
 
</script> 
 
<a href="">a</a> 
 
<a href="">b</a>

Answer 2

延遲JavaScript的簡單方法是使用setTimeout函數。

setTimeout((() => { 
    // do something after a delay 
}), 200); 

將200更改爲您要等待的時間（以毫秒爲單位）。

在你的情況下，它看起來像你想放callNodes.map()...的setTimeout的內部：

let calls = []; 
    for (let i = 1; i <= callPagesCount; i++) { 
    $(pages()).find('a')[i].click() 

    setTimeout((() => { 
     // Call the below, 200 ms later 
     callsNode().map((i, el) => { 
      calls.push({ 
      call_condition: $(el).find('div > span').text().trim(), 
      date: $(el).find('div').text().trim().match(/\[(.+)\]/i), 
      }) 
     }) 
    }), 200); 


    }