JQuery在指定的时间之后redirect到URL

有一种方法可以在给定的时间段之后使用JQueryredirect到特定的URL吗？

Answer 1

你可以使用setTimeout()函数：

 // Your delay in milliseconds var delay = 1000; setTimeout(function(){ window.location = URL; }, delay); 

Answer 2

你不需要这个jQuery。 你可以使用setTimeout方法使用普通的javascript来实现：

 // redirect to google after 5 seconds window.setTimeout(function() { window.location.href = 'http://www.google.com'; }, 5000); 

Answer 3

 $(document).ready(function() { window.setInterval(function() { var timeLeft = $("#timeLeft").html(); if(eval(timeLeft) == 0){ window.location= ("http://www.technicalkeeda.com"); }else{ $("#timeLeft").html(eval(timeLeft)- eval(1)); } }, 1000); }); 

Answer 4

您可以使用

  $(document).ready(function(){ setTimeout(function() { window.location.href = "http://test.example.com/;" }, 5000); }); 

Answer 5

只是使用：

 setTimeout("window.location.href='yoururl';",4000); 

..'4000'是m.second

Answer 6

我已经做了简单的演示，支持X秒的数量和redirect设置url。 如果你不想等到计数结束，只需点击计数器即可redirect。 简单的猎手，将倒数，而在页面midle脉冲时间。 你可以运行它onclick或一些页面加载。

实时演示加载

LIVE DEMO ONCLICK

我也做了这个github回购： https ： //github.com/GlupiJas/redirect-counter-plugin

JS代码示例：

 // FUNCTION CODE function gjCountAndRedirect(secounds, url) { $('#gj-counter-num').text(secounds); $('#gj-counter-box').show(); var interval = setInterval(function() { secounds = secounds - 1; $('#gj-counter-num').text(secounds); if(secounds == 0) { clearInterval(interval); window.location = url; $('#gj-counter-box').hide(); } }, 1000); $('#gj-counter-box').click(function() //comment it out -if you dont want to allo count skipping { clearInterval(interval); window.location = url; }); } // USE EXAMPLE $(document).ready(function() { //var var gjCountAndRedirectStatus = false; //prevent from seting multiple Interval //call $('h1').click(function(){ if(gjCountAndRedirectStatus == false) { gjCountAndRedirect(10, document.URL); gjCountAndRedirectStatus = true; } }); });