如何在每次更新时刷新 Google WebApp？

Question

我正在从 Google 工作表中获取数据并将其显示在 Google WebApp 前端。但问题是，除非刷新 window，否则 Google WebApp 前端不会自行更新。

有没有办法在检测到 Google 工作表中的数据更改或每 15 分钟刷新一次时自行刷新。

index.html

<script>
function onSuccess(UpdatedData) {
var div = document.getElementById('output');

div.innerHTML = '<div class="badge bg-primary text-wrap fw-normal" style="width: 6rem; ">Last Updated:</div> <span class="font-weight-normal text-muted fs-6">'+ UpdatedData + '</span>';
}

google.script.run.withSuccessHandler(onSuccess).getdata();
</script>

<body>
<div id="output"></div>
</body>

Answer 1

如果你想要一个函数每 X 秒执行一次，你可以使用 setInterval 方法。

例如，在您的脚本中：

<script>
   function onSuccess(UpdatedData) {
     var div = document.getElementById('output');
   
     div.innerHTML = '<div class="badge bg-primary text-wrap fw-normal" style="width: 6rem; ">Last       Updated:</div> <span class="font-weight-normal text-muted fs-6">'+ UpdatedData + '</span>';
     }
     setInterval(()=>{
       google.script.run.withSuccessHandler(onSuccess).getdata()
     },1e4)
     
</script>
<body>
   <div id="output"></div>
</body>

这将使 setInerval 运行中的函数每 10 秒执行一次（10 秒 == 1e4，时间应以毫秒为单位）。因此，要每 15 分钟刷新一次，您应该使用 9e5

如何在每次更新时刷新 Google WebApp？

How to Refresh the Google WebApp on every update?

javascript

web-applications

google-apps-script