Question

以下是我需要帮助的示例：http://www.arbutusroofing.com/roofing-services/

当用户点击“READ MORE”（在每个主题或类别下）并且会弹出更多信息的浅灰色框时，我希望它在10秒内自动重定向到另一个页面。

我知道在点击实际链接时如何重定向到其他页面，但不知道如何在这样的某些事件中重定向。

以下是代码的一些示例：

＆lt; h6 id =“displayText”style =“margin-top：0px; cursor：pointer;”＆gt; ＆lt; u＆gt;阅读更多＆lt; / u＆gt;关于平屋顶＆LT; / H6＆GT;

点击“displaytext”时，我试图在10秒后重定向到另一个页面。

此外，如果您想知道以下是切换文本的代码：

＆lt; script type =“text / javascript”＆gt;

    $(document).ready(function() {
      $("div#toggleText").hide();
      $("h6#displayText").click(function(){
        $(this).toggleClass("active");
        $(this).next("div#toggleText").slideToggle();
      });
    });

＆LT; /脚本＆GT;

感谢。

Answer 1

您 JS 代码：

   function OpenNewTab(id){
    setTimeout(function(){ window.location.href = "http://yourlinkhere/'+id+'"; }, 10000);

}

<强> HTML：

<div onclick="OpenNewTab(1)">Readmore</div> // here 1 SHOULD BE UNIQUE ID AS PER RECORDS

Answer 2

你可能正在寻找javascript函数setTimeout。

setTimeout(function(){ window.location.href = "http://somehwereblahblah"; }, 10000);

Answer 3

您可以使用setTimout函数延迟执行代码。点击“点击”div后10秒链接到google.com的示例：

<div onclick='setTimeout(function(){window.location = "http://www.google.com"}, 10000)'>Click</div>

Answer 4

我认为你可以使用settimeout功能。例如：

setTimeout("location.href = 'http://insert-target-url';",1500);

setTimeout需要两个参数。首先是将要执行的操作。它可以是简单的重定向命令，也可以是事件的一个功能。第二个是以毫秒为单位的延迟。

希望这会对你有所帮助。

单击具有特定ID的div时的Javascript重定向

4 个答案: