Question

我有关于最佳描述为“时间触发事件”（计时器？）的帮助请求。我正在使用jQuery页面淡化代码在一个基本的简单3页网站上工作，从Pg1淡化为Pg2到Pg3（如下所示）。

jQuery代码使用“点击链接”来执行页面之间的淡入淡出。效果很好！我想消除这个“点击链接”并用“计时器”替换它。而不是手动点击执行页面淡入淡出，计时器将暂停一段时间，然后执行jquery页面淡入淡出代码到下一页。

以下是我使用的jQuery页面淡化代码：

<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
  </head>
  <body>
    <div data-role="page" id="pageone">
      <div data-role="header">
        <h1>Welcome To My Homepage</h1>
      </div>

      <div data-role="main" class="ui-content">
        <p>Click on the link to see the fade effect.</p>
        <a href="#pagetwo" data-transition="fade">Fade to Page Two</a>
      </div>

      <div data-role="footer">
        <h1>Footer Text</h1>
      </div>
    </div> 

    <div data-role="page" id="pagetwo">
      <div data-role="header">
        <h1>Welcome To My Homepage</h1>
      </div>

      <div data-role="main" class="ui-content">
        <p>Click on the link to go back. <b>Note</b>: fade is default.</p>
        <a href="#pageone">Go to Page One</a>
      </div>

      <div data-role="footer">
        <h1>Footer Text</h1>
      </div>
    </div> 
  </body>
</html>

Answer 1

好的，经过几天寻找一个似乎是一项基本任务的答案后，我找到了答案。我测试了解决方案，它按预期运行。

setTimeout（“location.href ='Your page url here';”，5000）;

我刚查看了我发布的答案，看来脚本打开和关闭已被删除。答案是javascript，因此必须添加javascript打开和关闭。

使用带执行的Timer执行jquery页面推子

1 个答案: