Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用带执行的计时器执行jquery页面推子_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用带执行的计时器执行jquery页面推子

Javascript 使用带执行的计时器执行jquery页面推子,javascript,jquery,html,Javascript,Jquery,Html,我有一个关于“时间触发事件”(计时器?)的协助请求。我在一个简单的3页网站上工作,使用jQuery页面淡入代码从Pg1淡入Pg2淡入Pg3(如下所示) jQuery代码使用“点击链接”来执行页面之间的淡入淡出。很好!我想消除这个“点击链接”,并用一个“计时器”取代它。与手动单击执行页面淡入淡出不同,计时器将暂停一段设定的时间,然后执行jquery页面淡入淡入淡入淡出代码,直到下一页 以下是我使用的jQuery页面淡入淡出代码: <html> <head> &l

我有一个关于“时间触发事件”(计时器?)的协助请求。我在一个简单的3页网站上工作,使用jQuery页面淡入代码从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>

欢迎来到我的主页
单击链接以查看淡入效果

页脚文本 欢迎来到我的主页 点击链接返回。注意:默认为淡入淡出

页脚文本
好的,经过几天的搜索,我找到了一个基本任务的答案。Im已经测试了该解决方案,其功能与预期一致

setTimeout(“location.href=‘此处的页面url’;”,5000);
我刚刚查看了我发布的答案,似乎打开和关闭脚本已被删除。答案是javascript,因此必须添加javascript打开和关闭。

好的,经过几天的搜索,我找到了一个基本任务的答案。Im已经测试了该解决方案,其功能与预期一致。setTimeout(“location.href=‘此处的页面url’;”,5000);