如何刷新命名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而不是整个页面？

回答

相关问题