jquery - カウントダウンしてからjqueryをリダイレクト

Question

<a href="javascript:void(0)" data-url="http://google.com" class="red">

基本的に、ユーザーがこれをクリックすると、タイマー付きのライトボックスが表示され、data-url を使用して URL に移動します。それは可能ですか？

---

論文もどのように組み合わせるか、

 jQuery(document).ready(function(){

var link = document.getElementsByTagName("a")[0];

    link.onclick = function(){
       $('.lightbox').show();
        setTimeout(function(){window.location.href = link.getAttribute("data-url")}, 1000)
    }

});

$(function(){
  var count = 10;
  countdown = setInterval(function(){
    $("p.countdown").html(count + " seconds remaining!");
    if (count == 0) {
      window.location = 'http://google.com';
    }
    count--;
  }, 1000);
});

Answer 1

あなたが始めるべき本当に些細な単純な例。

var link = document.getElementsByTagName("a")[0];

    link.onclick = function(){
        // make the modal popup here.
        alert("imma let you finish but first imma take you to a new webapge in 1 second");

        // after the setTimeout go to a new page
        setTimeout(function(){window.location.href = link.getAttribute("data-url")}, 1000)
    }
​

ライブデモ

(jsFiddle のため、ライブ デモは実際には転送されないことに注意してください)