Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Перезагрузка фрейма через определенное время (https://javascript.ru/forum/css-html/73853-perezagruzka-frejjma-cherez-opredelennoe-vremya.html)

maksmkv 22.05.2018 10:29

Перезагрузка фрейма через определенное время
 
Всем привет. Помогите пожалуйста реализовать такой функционал. Есть HTML страница, на ней есть checkbox, button, iframe с содержимым. Если установлена галка в checkbox, то каждые 2 секунды перезагружается фрейм. Если галка снята, тогда ничего не делается.

Вот набросал код, но он не работает корректно (((


<script language="JavaScript">
	function checkConfirm() {

    if($("#agree").is(":checked")) {
	    setTimeout(function() {document.getElementById("FR1").document.location.relaod();}, 2000);
		return true;
    }
        return false;

}
	</script>




Код:


<form method="post" onsubmit="return checkConfirm()">
                <input type="checkbox" name="agree" value="1" id="agree"><b> <span style="font-size: 11px;"> перезагрузить страницу через 2 сек
                <input type="submit" value="отправить" name="fizsend" id="subButton"/>
        </form>


<div><iframe id="FR1" src="index.html" width=800px; height="250px"></iframe></div>       

<div><iframe id="FR2" src="index.html" width=800px; height="250px"></iframe></div>


ksa 22.05.2018 11:28

Цитата:

Сообщение от maksmkv
Вот набросал код, но он не работает корректно (((

Предложу такой вариант...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	var ot;
	var tm=2000;
	$('#test').click(function(){
		if (this.checked) {
			run();
		} else {
			clearTimeout(ot);
		};
	});
	run();
	function run(){
		if ($('#test:checked').length>0) {
			ot=setTimeout(go,tm);
		};
	};
	function go(){
		alert('Ok');
		run();
	};
});
</script>
</head>
<body>
<input type='checkbox' id='test' />
</body>
</html>

maksmkv 22.05.2018 14:43

Спасибо. Функция работает, сообщение вывод, но как обновить фрейм???

Подставлял в скрипт document.getElementById("FR1").document.location.r eload(); - не работает.

ksa 22.05.2018 15:17

Цитата:

Сообщение от maksmkv
как обновить фрейм

http://javascript.ru/forum/events/13...it-frejjm.html
http://forum.vingrad.ru/topic-295558.html
http://www.sql.ru/forum/735513/obnovlenie-freyma


Часовой пояс GMT +3, время: 11:00.