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