クリック後にjs関数を遅らせる方法

Question

ボタンをクリックしてデータを取得した後に遅延を追加したいと思います。 スクリプトはブラウザコンソール内で実行されます。

$（pages（））ページングボタンを取得します。

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をミリ秒単位で待機させる時間に変更します。あなたがsetTimeoutメソッド内callNodes.map()...を置きたいと思うようなあなたの場合には

、それが見えます：

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); 


    }