使用Javascript单击同一类中的多个链接但单击每个不同链接之间的延迟

Question

$(function(){
    window.location.href = $('.links').attr('href');
});

班级名称是＆＃34;链接＆＃34;它下面有很多链接，我如何为每个链接点击添加一个延迟，而不是让脚本一次又一次地点击同一个链接？

由于

Answer 1

$(function () {
  // Grab all links into a wrapped set.
  var $links = $('.link');
  // Start with the first link at index 0 in the wrapped set.
  var linkNum = 0;
  // Specify our delay time.
  var delay = 1; // seconds

  // Setup a click handler on all our links.
  $links.click(function (e) {
    var $this = $(this);
    console.log($this.text() + ' clicked.');
    $this.css({ color: '#f00' });

    // After our delay, click the next link.
    setTimeout(function () {
      ++linkNum;
      if (linkNum < $links.length) {
        $links.eq(linkNum).click();
      } else {
        linkNum = 0;
        console.log("All links clicked.");
      }
    }, delay * 1000);
  });

  $('button').click(function () {
    $links.eq(0).click();
  });
});

http://codepen.io/Chevex/pen/WvzXbQ?editors=101