0

这是我需要帮助的一个例子：http ://www.arbutusroofing.com/roofing-services/

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

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

这是代码的一些示例：

<h6 id="displayText" style="margin-top: 0px; cursor: pointer;"> 
<u>READ MORE</u> ABOUT FLAT ROOFING 
</h6>

当点击 id“displaytext”时，我试图在 10 秒后重定向到不同的页面。

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

<script type="text/javascript"> 

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

4 回答 4

4

你的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
于 2013-06-26T15:41:16.520 回答
0

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

setTimeout(function(){ window.location.href = "http://somehwereblahblah"; }, 10000);
于 2013-06-26T15:35:02.233 回答
0

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

<div onclick='setTimeout(function(){window.location = "http://www.google.com"}, 10000)'>Click</div>
于 2013-06-26T15:39:59.233 回答
0

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

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

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

希望这对您有所帮助。

于 2013-06-26T15:40:33.573 回答