刷新 Div 内容(仅限本地.html）

Refresh Div Content (local .html only)

本文关键字：html Div 内容 刷新      更新时间：2023-09-26

我有一个非常简单的html页面（用作信息板），只在本地保存。其中一部分是气象局小部件，用于显示三天预报和降雨雷达。不幸的是，目前更新日期/信息的唯一方法是使用元刷新选项或用户登录并手动刷新刷新整个页面。由于小部件是唯一需要刷新的项目，有没有办法只刷新div？这发生在一段时间后？

<div>
    <iframe src="#"></iframe>
</div>
<div>
    <iframe src="#"></iframe>
</div>
<div>
    <script type="text/javascript"> moWWidgetParams = "moAllowUserLocation:false~moBackgroundColour:white~moColourScheme:white~moDays:5~moDomain:www.metoffice.gov.uk~moFSSI:352790~moListStyle:vertical~moMapDisplay:side~moMapsRequired:Rainfall~moShowFeelsLike:true~moShowUV:true~moShowWind:true~moSpeedUnits:N~moStartupLanguage:en~moTemperatureUnits:C~moTextColour:black~moGridParams:weather,temperature,wind,gust,pop~"; </script>
    <script type="text/javascript" src="http://www.metoffice.gov.uk/public/pws/components/yoursite/loader.js"> </script>
</div>

提前谢谢。

你可以使用 Ajax 和 timer。像这样： 

setInterval(function () {
  $.ajax({
     url     : "specific url",
     method  : "GET"/"POST",
     data    : "",
     success : function (data) {
        $('#divID').html(data);
     } 
  });
}, 500);

关于我在这里使用jQuery的一些注意事项。

相关文章：