jquery - 使用 jQuery 单击链接时如何重定向到带有消息的外部 URL

Question

我的页面上有一些链接，需要让用户知道当他们单击链接时他们将被重定向到外部源。如何拦截或显示一条消息，显示“您正在被重定向到外部源”，该消息持续 5 秒，然后将用户重定向到单击链接中的 URL？

Answer 1

上面的答案应该显示一个确认对话框，如果您想在所述时间之后重定向，您需要执行以下操作:

$('a.external').on('click', function(e) {
    e.preventDefault();
    $('.PopUpMessage').show();

    var redirect = setTimeout(function(){
        window.location.href = this.href;
    }, 5000);
});

其中“.PopUpMessage”包含您的消息并默认隐藏...

如果你想变得更奇特，你甚至可以倒数秒......就像

此 HTML 将包含在您的消息中

<p>You will be redirected in<span id="sec">5</span></p>

并将此 JS 放置在链接点击函数中

var seconds = 5;
var count = setInterval (function(){
    seconds--;
    $('#sec').html(seconds);
}, 1000);