Автообновление / перезагрузка четырех фреймов в Wordpress

Question

Я довольно НОВЫЙ итак по вопросу: У меня есть 4 фрейма на одной странице в WordPress, показывающие некоторые статистические данные. Я хочу, чтобы они автоматически обновлялись (не вся страница) через определенное время, например каждые 3 секунды.

Мне удалось сделать это только для одного, но всякий раз, когда я пытаюсь добавить другой, это не работает. Я надеюсь, что есть простое решение.

Вот этот фрейм:

<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 фрейма для перезагрузки, но только один обновленный.

Заранее спасибо!

Answer 1

Попробуйте этот код

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>

	

Запустите эту скрипку

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