javascript - 每 3 秒自动刷新表体
问题描述
我使用应用脚本创建了一个网站。
我需要表格每 3 秒自动刷新一次。(只是表格而不是整个页面)
我该怎么做?
这是我的代码:
<script>
document.addEventListener("DOMContentLoaded",function(){
google.script.run.withSuccessHandler(generateTable).getOnline();
google.script.run.withSuccessHandler(getOnline).generateTable();
});
function generateTable(dataArray){
var tbody = document.getElementById("tablebody");
dataArray.forEach(function(r){
var row = document.createElement("tr");
var col1 = document.createElement("td");
col1.textContent = r[0];
var col2 = document.createElement("td");
col2.textContent = r[1];
var col3 = document.createElement("td");
col3.textContent = r[2];
row.appendChild(col1);
row.appendChild(col2);
row.appendChild(col3);
tbody.appendChild(row);
});
}
</script>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: teal;
color: white;
}
tr:nth-child(even) {
background-color: #dddddd;
}
tr:hover {background-color: #f5f5f5;}
<h1> Current Users</h1>
<table>
<tr>
<th>Name</th>
<th>Last Name</th>
<th>EID</th>
</tr>
<tbody id="tablebody">
</table>
表体上的值来自我的电子表格。但显然,每次我在电子表格中输入一些值时,我仍然需要刷新整个页面才能看到表中的值。我该怎么做?太感谢了!新年快乐。
解决方案
document.addEventListener("DOMContentLoaded",function(){
setInterval(() => {
google.script.run.withSuccessHandler(generateTable).getOnline();
google.script.run.withSuccessHandler(getOnline).generateTable();
}, 3000); // run the function every 3 seconds
});
您可以考虑使用setInterval
方法每 3 秒刷新一次表的数据源。文档:https ://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval
推荐阅读
- angular - @Input=Function(Params1,Params2) 总是在单击任何位置 Angular 时调用
- javascript - 格式化输入数组,结果应该是Angular中以下给定格式的分组数组
- javascript - 如何根据每个对象中的字符串属性数组深入比较/匹配数组中的对象?
- python - Python:如何快速创建仅包含大型 Excel 工作表中特定列的 pandas 数据框?
- xamarin - 更新到 13.1 后,Xamarin.Forms 应用程序在 iOS 上崩溃
- mysql - 如何从表 1 中查询单行和从表 2 中查询多行?
- python-3.x - 在 y_true 变量中查找单个类 1 的 roc/auc/auc-roc 分数
- c++ - C ++:读取文本文件中不确定数量的变量并在struct中修改,然后替换文本文件中的行
- html - Fontawesome SVG 显示白色背景 - 我希望它没有背景
- java - 与 FLAG_LAYOUT_NO_LIMITS 相反