使用 Javascript 在文檔之間切換？

Question

我正在做一個卡拉OK視頻作業，並希望找到一種方法來使用JS在兩個不同的index.html文檔（一個用於合唱，一個用於詩句）之間切換。 我對 Javascript 的了解有限，並且正在學習它。 到目前為止，我認為我需要使用以下內容：

 $(document).ready(function () {
     window.setTimeout(function () {
          window.location.href = "index2.html";
     }, 5000);
 });

現在我有我的 index1.html 和 index2.html 用於合唱和詩句。 我想我會用上面的 function 創建一個外部 JS 文件，它顯示 index1.html x 秒數，然后 index2.html 另一個持續時間。 對不起，如果這個問題太簡單或沒有很好地澄清。 仍然是初學者，所以任何幫助表示贊賞！ 謝謝！

Answer 1

您正在尋找的是：

window.location.replace('path/to/index2.html')

我不確定您的目錄結構是什么樣的，但您可以將其傳遞給相對或絕對路徑。

Answer 2

為此，您甚至不需要 javascript ，只需將其放在您的頭部：

<meta http-equiv="refresh" content="5; url=index2.html">

它將在5秒后重定向到index2.html 。 http-equiv表示“http header 等效”。 您可以猜到它也可以是服務器發送的 http header，因此您甚至可以提供純txt文檔並使用服務器發送的標頭切換它們。

如果你想使用 javascript 的強大功能，你不需要在頁面之間切換，你可以簡單地隱藏一個或另一個內容，這非常簡單：

<pre id="verse1">
    verse 1 here
</pre>
<pre id="chorus" style="display: none">
    chorus here
</pre>
<script>
 $(function () {
    window.setTimeout(function () {
      $('#verse1').hide();
      $('#chorus').show();
    }, 5000);
 });
</script>