Javascript 在类似页面的DIVs体系结构中，X秒后重新刷新_Javascript_Html_Redirect

Javascript 在类似页面的DIVs体系结构中，X秒后重新刷新

javascript html redirect

Javascript 在类似页面的DIVs体系结构中，X秒后重新刷新,javascript,html,redirect,Javascript,Html,Redirect,我有一个Android/Phonegap应用程序，它使用不同的标签，而不是几个.html页面。这些元素相互链接。如何使您在进入第二页（第二部分）并单击“无”时，在5秒钟后，您将被重定向到第三部分，使用我使用的多个.html文件架构 <meta HTTP-EQUIV="REFRESH" content="3; url=http://youtube.com"> 但这在这里不起作用。这是我的一页： <!DOCTYPE html> <html> <

我有一个Android/Phonegap应用程序，它使用不同的标签，而不是几个.html页面。这些元素相互链接。如何使您在进入第二页（第二部分）并单击“无”时，在5秒钟后，您将被重定向到第三部分，使用我使用的多个.html文件架构

<meta HTTP-EQUIV="REFRESH" content="3; url=http://youtube.com">

但这在这里不起作用。这是我的一页：

 <!DOCTYPE html> <html> <head> <script> function show(shown, hidden) {   document.getElementById(shown).style.display='block';   document.getElementById(hidden).style.display='none';   return false; } </script> </head> <body>

  <div id="Page1">
     Content of page 1
    <a href="#" onclick="return show('Page2','Page1');">Show page 2</a>   </div>

  <div id="Page2" style="display:none">
    Content of page 2
    <a href="#" onclick="return show('Page3','Page2');">Show page 3</a>    </div>
     <div id="Page3" style="display:none">
    Content of page 3
    <a href="#" onclick="return show('Page1','Page3');">Show page 1</a>    </div>

</body> </html>

    函数show（显示，隐藏）{document.getElementById（显示）.style.display='block'；document.getElementById（隐藏）.style.display='none'；返回false；}
第1页内容
第2页内容
第3页内容

以下是代码：

<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
window.onload = loadPage();
function loadPage(){
    var window_hash = window.location.hash;
    var default_page_id = "page1";
    if(window_hash.length > 1){
        var page_name = window_hash.substr(1);
        document.getElementById(page_name).style.display = "block";
    } else {
        document.getElementById(default_page_id).style.display = "block";
    }
}
</script> 
</head>
<body>
    <div id="page1" style="display:none">
        <a name="page1"></a>
        Content of page 1
        <a href="#page2">Show page 2</a>
    </div>
    <div id="page2" style="display:none">
        <a name="page2"></a>
        Content of page 2
        <a href="#page3">Show page 3</a>
    </div>
    <div id="page3" style="display:none">
        <a name="page3"></a>
        Content of page 3
        <a href="#page1">Show page 1</a>
    </div>
</body>
</html>


window.onload=loadPage（）；
函数loadPage（）{
var window_hash=window.location.hash；
var default_page_id=“page1”；
如果（窗口长度>1）{
var page\u name=window\u hash.substr（1）；
document.getElementById（页面名称）.style.display=“block”；
}否则{
document.getElementById（默认页面id）.style.display=“block”；
}
}

在每个部分的开头使用带有“name”属性的（锚定标记）。隐藏所有部分。当用户单击任何按钮时，页面将重新加载特定的标签。在Javascript中，当页面加载时，调用一个函数（“loadPage（）”），该函数读取hashtag并显示该特定页面。如果没有hashtag，那么它将显示本例中的默认页面，即“page1”