Форум

Serjuk · #1 (**permalink**) 09.06.2012, 19:29

Здравствуйте, возник вопросик :
У меня при открытии страницы начинает выполняться javascript, таким образом:
<script type="text/javascript">
getPOST();
function getPOST () {
....
}
Причем функция getPOST посылает на сервер каждую секунду запрос.
</script>
Также на странице находится кнопка - по нажатию на кнопку должно произойти следующее:
1. Остановится выполнение скрипта. (getPOST) .
2. Выполнить свое действие.
Меня интересует как остановить выполнение скрипта.
Помогите, пожалуйста.

Aetae · #2 (**permalink**) 09.06.2012, 19:31

Здравствуйте!

Судя по вашему сообщению, вы ну совсем не знаете javascript.

Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/

Задавайте конкретные вопросы по ходу дела.

Gvozd · #3 (**permalink**) 09.06.2012, 19:36

В общем случае - никак.
Надо смотреть конкретный код.
С учетом того, что запрос выполянется каждую секунду, может поможет такой код:

for(var i = 0; i <= setTimeout(function(){},0); i++) {
    clearTimeout(i);
}
for(var i = 0; i <= setInterval(function(){},0); i++) {
    clearInterval(i);
}

Но, во-первых такой код остановит абсолютно все скрипты, которые в данный момент регулярно выполняются.
То есть анимации, например также будут остановлены
Во-вторых надо проверить кроссбраузерность. Оставляю эту задачу Вам

ILL-JAH · #4 (**permalink**) 13.06.2012, 22:31

Serjuk,

<script type="text/javascript">
function getPOST () {
....
}
var aaa = setInterval(getPOST, 1000);
document.getElementById("id кнопки").onclick = function() {
clearInterval(aaa);
Выполнить своё действие.
}
</script>

clearInterval() не прервёт текушее выполение функции getPOST в том месте, где она выполняется. clearInterval() отменит следующий очередной запуск функции getPOST.

Serjuk · #5 (**permalink**) 16.06.2012, 13:30

ILL-JAH,
Спасибо, попробовал, но почему то не останавливает..Как идет так и идет.
я сделал так:

Код:

...
var status = setInterval(getPOST, 1000);
document.getElementById("stop").onclick = function() {
clearInterval(status);
}
function getPOST () {
....
}

По нажатию на надпись

Код:

<a class="border" href="#" id="stop">Остановить</a></p>

Deff · #6 (**permalink**) 16.06.2012, 14:17

Serjuk,

<script>
var status = setInterval(getPOST, 2000);
document.getElementById("stop").onclick = function() {
clearInterval(status);
}
function getPOST () {
 alert("getPOST")
}
</script>
<a class="border" href="#" onclick="clearInterval(status);return false">Остановить</a>

tadjik1 · #7 (**permalink**) 16.06.2012, 15:12

запросы можно останавливать через их собственный метод abort(), но для этого нужно иметь ссылку на запрос.

var a = $.get('//javascript.ru/', function(data) { console.info('recieved data'); });

a.abort();

Serjuk · #8 (**permalink**) 16.06.2012, 18:53

Deff,Почему то никак не реагирует на нажатие на "Остановить". Хотя сделал аналогично.

ILL-JAH · #9 (**permalink**) 16.06.2012, 19:36

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>abort action</title>
</head>

<body>
    <div>
        <p id="p1">0</p>
        <input id="but1" type="button" value="остановить счётчик"/>
    </div>
    <script type="text/javascript">
        var a = 1;
        function getPOST() {
            document.getElementById("p1").innerHTML = a++;
        }
        var aaa = setInterval(getPOST, 1000);
        document.getElementById("but1").onclick = function () {
            clearInterval(aaa);
            alert("Всё работает! Не надо ля-ля!!!");
        }
</script>
</body>
</html>

Serjuk · #10 (**permalink**) 16.06.2012, 20:54

ILL-JAH,
Не получается... Сколько не жму на кнопку - запрос все идет и идет. Вот как у меня:

Код:

<script type="text/javascript">
 getName();
  function getName () {
	var number = 0;
        var aaa = setInterval(getPOST, 1000);
        document.getElementById("but1").onclick = function () {
            clearInterval(aaa);
}

function getPOST () {
	number = number + 1;

  if (number < 60){

	$.ajax({
		type: 'POST', url: ссылка ,data:data,
		     success: function(res) {
			// какие то действия
		     } 
			});
		} 
  if ( number > 60) {
	//какие то действия
		}
	}

	}
	</script>
<input id="but1" type="button" value="Остановить"/>

Форум

Справочник

Discord чат

Курсы javascript