在 Wordpress 中自动 refresh/reload 四个 iframe

Auto refresh/reload four iframes in Wordpress

我很新 所以关于这个问题: 我在 WordPress 的一页上有 4 个 iframe 显示一些统计信息。我想让它们在一定的时间内自动刷新(而不是整个页面),比如每 3 秒。

我已经设法只为一个人做到了,但每当我尝试添加另一个人时,它都不起作用。我希望有一个简单的解决方案。

这是 iframe:

<iframe id="idcw" src="http://web.ubercounter.com/charts/chart5?f=jsn&ext=1&pid=01edabc9-dd3c-41db-949b-9b6ee52e0af5&cid=&fromD=2018-06-26&toD=&fromT=16:48:14&toT=<=&lg=&r=0&fh=0&th=24&u=0&rt="></iframe>

还有我放在页眉中的 JS:

<script>

window.setInterval("reloadIFrame1();", 60000);

function reloadIFrame1() {
 document.frames["idcw"].location.reload();
}

window.setInterval("reloadIFrame2();", 60000);

function reloadIFrame2() {
 document.getElementById('idcw').src = document.getElementById('idcw').src; 
}

</script>

PS:这是我在互联网上找到的唯一有效的代码,因为它必须有效。我尝试用我非常基本的知识添加另外 3 个 iframe 来重新加载,但只有一个刷新了。

提前致谢!

试试这个代码

setInterval(function(){ reloadIFrame2(); }, 5000);
  
function reloadIFrame2() {

 var elements = document.getElementsByClassName("idcw");
 for (var i = 0, len = elements.length; i < len; i++) {
  elements[i].src =  elements[i].src;
 }  
}
<iframe class="idcw"  src="http://web.ubercounter.com/charts/chart5?f=jsn&ext=1&pid=01edabc9-dd3c-41db-949b-9b6ee52e0af5&cid=&fromD=2018-06-26&toD=&fromT=16:48:14&toT=<=&lg=&r=0&fh=0&th=24&u=0&rt="></iframe>

<iframe class="idcw"  src="http://web.ubercounter.com/charts/chart5?f=jsn&ext=1&pid=01edabc9-dd3c-41db-949b-9b6ee52e0af5&cid=&fromD=2018-06-26&toD=&fromT=16:48:14&toT=<=&lg=&r=0&fh=0&th=24&u=0&rt="></iframe>

<iframe class="idcw"  src="http://web.ubercounter.com/charts/chart5?f=jsn&ext=1&pid=01edabc9-dd3c-41db-949b-9b6ee52e0af5&cid=&fromD=2018-06-26&toD=&fromT=16:48:14&toT=<=&lg=&r=0&fh=0&th=24&u=0&rt="></iframe>


<iframe class="idcw"  src="http://web.ubercounter.com/charts/chart5?f=jsn&ext=1&pid=01edabc9-dd3c-41db-949b-9b6ee52e0af5&cid=&fromD=2018-06-26&toD=&fromT=16:48:14&toT=<=&lg=&r=0&fh=0&th=24&u=0&rt="></iframe>

 

运行这个fiddle

http://phpfiddle.org/main/code/asn7-zfvq