如何刷新命名divison而不是整個頁面？

我似乎無法得到這個權利。之前曾經幫助過我的人告訴我使用jQuery，而且我嘗試過並且無法使其工作。我試圖自動刷新我的html頁面上的一個部門，而不是整個頁面。如何刷新命名divison而不是整個頁面？

我嘗試了元刷新，但是沒有entre頁面。我搜索的每個地方都有類似的答案，但我無法實現。我試圖刷新的部門被稱爲「幀」，我只需要它每45分鐘刷新一次。

<html> 
 
    <head> 
 
     <title>Station 47</title> 
 
    </head> 
 

 
    <body bgcolor="DarkRed"> 
 
     <body a link="black" vlink="black"> 
 
     <center><font face="Times New Roman" size="6"><marquee behavior="scroll" direction="left">Naval District Washington Fire Department Station 47</marquee> 
 
    </body> 
 

 
    <table border="0"> 
 
     <tr> 
 
      <td> 
 
       <p align="left"> 
 
       <iframe id="Iframe1" src="https://webview.active911.com/client/" frameborder="0" scrolling="no" width="2360" height="930"></iframe> 
 
      </td> 
 
     </tr> 
 

 
     <tr> 
 
      <td> 
 
       <div> 
 
        <iframe id="Iframe2" src="http://www.chart.state.md.us/video/video.php?feed=7401e25800f700d700437a45351f0214" width="400" height="400" Frameborder="0" scrolling="no"></iframe> 
 
        <iframe id="Iframe3" src="http://www.chart.state.md.us/video/video.php?feed=7e01ec5800f700d700437a45351f0214" width="400" height="400" Frameborder="0" scrolling="no"></iframe> 
 
        <iframe id="Iframe4" src="http://www.chart.state.md.us/video/video.php?feed=7901e75800f700d700437a45351f0214" width="400" height="400" frameborder="0" scrolling="no"></iframe> 
 
        <iframe id="Iframe5" src="http://www.chart.state.md.us/video/video.php?feed=6100bdd12e83001c00503336c4235c0a" width="400" height="400" frameborder="0" scrolling="no"></iframe> 
 
        <iframe id="Iframe6" src="http://www.chart.state.md.us/video/video.php?feed=4900c5b02e84001c00503336c4235c0a" width="400" height="400" frameborder="0" scrolling="no"></iframe> 
 
        <iframe id="Iframe7" src="http://api.wunderground.com/api/5ce4445b4bd79f9a/animatedradar/q/MD/Annapolis.gif?&width=415&height=415&newmaps=1&timelabel=1&timelabel.y=10&num=15&delay=50" width="338" height="400" frameborder="0" scrolling="no"></iframe></td> 
 
       </div> 
 
      </td> 
 
     </tr> 
 
    </table> 
 
</html>

來源

2017-04-05 Brock

首先，請修復您的html ...然後，我的代碼片段中沒有看到任何JS。你嘗試了什麼？ – Derlin

我確實在第二次修正了它，謝謝。我沒有把js放在那裏，我很困惑，因爲我發現很多答案都是引用PHP文件。我對此很陌生，這是一個完整的奇蹟，我得到了這一點。在你看來，什麼是最簡單的方法來做我想要的 – Brock

我嘗試了之前的元刷新，但它重新加載整個頁面。 JS令人困惑，我無法弄清楚如何與刷新Src的關係。 Src的我有交通攝像頭和天氣雷達。它無法重複加載的第一幀活動911。此頁面適用於我們的消防警報系統 – Brock

考慮到你的HTML代碼是正確的，這裏是你可以做什麼：

包括jQuery的（添加以下在你的頭上或在底部你頁面，就在身體關閉標籤之前）：
```
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
```

使用jQuery，寫能的所有iframe的函數：

function reloadFrames(){ 
    $(".Frames iframe").each(function(i, iframe){ 
     iframe.contentDocument.location.reload(true); 
    }); 
}

通話功能每隔45分鐘。爲此，您可以使用setInterval。第一個參數是要調用的函數，第二個是頻率，以毫秒爲：
```
setInterval(reloadFrames, 45*60*1000); 
```

因此，要回顧一下，你可以貼在你身上的末尾以下內容：

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 

     setInterval(reloadFrames, 1000); 

     function reloadFrames() { 
     console.log("reloading iframes") 
     $(".Frames iframe").each(function(i, iframe) { 
      iframe.contentDocument.location.reload(true); 
     }); 
     } 

    }); 
</script>

來源

2017-04-05 22:27:42 Derlin

根據setInterval（reloadFrames，45 * 60 * 1000），我明白它是以毫秒爲單位。 45 * 60 * 1000做什麼？ – Brock

我現在明白了45X60 = 2,700 2700 x 1000 = 2700000毫秒 – Brock

@ Derlin我已經把它全部放在裏面了，它仍然不起作用我把間隔設置爲5000秒5秒，看看它是否有效。 – Brock

如何刷新命名divison而不是整個頁面？

回答

相關問題