Question

这是我们当前的代码：

$('#click').click(function(e){
    var country = $("#country").val();
    $this = $("#conv");
    $this.css({"text-align":"center","font-size":"18px"});
    $this.html("<div style='margin-top: -4px;'>We're sorry but this website is not available in your country <strong>(" + country + ")</strong><br /><br /><a href='http://www.site.com/'>Please click here to visit our partner website!</a></div>")
});

基本上，我们希望HTML说：

请点击此处访问我们的合作伙伴网站，否则您将成为在5秒内自动重定向！

我们希望5秒倒计时，所以它会转到5,4,3,2,1然后重定向到网站。

如何进行计数器并重定向用户？我猜测setTimeout()旁边是一个计数变量而$count--旁边有一个窗口位置href？

谢谢

Answer 1

这样的事情：

<span id="counter"></span>

JS：

var count = 5;
var counter = document.getElementById('counter');

setInterval(function(){
   count--;
   counter.innerHTML = count;

   if (count === 0) {
      window.location = 'http://www.yourwebsite.com';
   }
}, 1000);

Answer 2

设置html后需要以下内容：

var i = 5;
setInterval(function () {
    $("#some_el").html("You will be redirected in " + i + " seconds");
    if(i == 0) {
        window.location = 'http://www.site.com';
    }
    i--;
}, 1000);

这将在五秒内重定向访问者。（对不起，之前误读了问题）

Answer 3

您好，您可以访问此链接，希望对您有帮助。 Demo for counter

重定向并倒计时，jquery onclick

3 个答案: