使用HTML快速更新RSS閱讀器？

Question

背景知識：我對編程幾乎一無所知，只是幾天前才開始學習HTML，Javascript和CSS。 我知道基本的HTML元素，一些CSS東西（例如顏色）以及Javascript及其庫（例如jQuery）的用途。 但是還真的不知道如何編程。

我正在嘗試做的是創建一個簡單的HTML網頁，該網頁僅顯示RSS提要-該提要每5-10秒自動更新一次。

我發現一些網站將RSS鏈接（當然包含XML代碼）轉換為簡單的Javascript代碼（例如Feedbucket ），可以將其粘貼到超基本HTML頁面中。 它起作用了，但是，我注意到即使刷新HTML網頁，Feed中的新項目也要等到它們發布后約10-20分鍾才會加載。

我認為這是因為進行轉換的網站將RSS數據存儲在其服務器中，而我的HTML頁面則從它們中接收到它。 但是他們僅每10-20分鍾更新一次服務器文件，因此我的Feed僅每10-20分鍾更新一次。 我希望它幾乎立即加載（如5-10秒）。

因此，我想到可以（理論上）簡單地打開該RSS的XML文件鏈接，並每10秒刷新一次。 為了使計算機能夠執行此操作，我找到了一些簡單的代碼，這些代碼顯示了原始RSS提供程序中的XML文檔。 我還添加了元刷新來每10秒刷新一次頁面。 我的代碼如下圖所示。

我說四種語言，但XML不是其中一種。 現在這是一個問題，因為我的HTML網站僅顯示XML。 因此，我想問大家如何將顯示的XML數據“轉換”為易於閱讀的HTML格式（其中顯示標題，簡短描述和發布時間）。 我認為這稱為解析？ 但是我的思想還不足以理解我在網上找到的所有復雜教程，因此，我很高興有人可以解釋如何使用基本的HTML，CSS和Javascript（如果絕對必要，還可以使用不帶插件的jQuery）來實現這一目標。 這可能是一件非常簡單的事情，我不需要花哨的外觀。 如果您想讓我詳細說明任何事情，請告訴我。 謝謝！

編輯：我嘗試添加此代碼（我替換了URL_OF_XML_DOC）​​，但出現黑屏。 我是否正確合並了Javascript代碼？

Answer 1

RSS被認為是一種即將消亡的技術，不幸的是，從頭到尾您都無法做任何事情來加快另一個網站的RSS提要。 但是，另一個網站通過與諸如Superfeedr之類的提要提供程序集成，可能能夠利用WebSub來加快自己的RSS提要。

如果XML文件比RSS feed本身更新，那么您可以直接將其掛鈎並將其內容輸出到HTML文檔中。 通過使用XMLHttpRequest用JavaScript加載XML文件，然后使用其內容更新HTML文檔，最簡單的方法是：

function loadXMLDoc(xml_url) {
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      // Update the HTML with the XML content
      document.getElementByTagName("body")[0].innerHTML = xml.responseXML;
    }
  };
  xmlhttp.open("GET", xml_url, true);
  xmlhttp.send();
}

loadXMLDoc('URL_OF_XML_DOC');