JS Контролируем итерацию

ObjectOne > JavaScript > JS Контролируем итерацию

JS Контролируем итерацию

Кнопка запуска и остановки скрипта. Скрипт представляет собой цикл с временной задержкой.

<input type="button" id="start" value="Старт">
<input type="button" id="stop" value="Стоп" disabled>
<br />
<p id="par"></p>

<br />

Скрипт вставляем после

var startButton = document.getElementById('start');
var stopButton = document.getElementById('stop');

var interval;
function iter() {
		for(var i = 0; i < 10; i++) {
				document.getElementById('par').innerHTML += " Идёт итерация" + i + " ";
		}
}

stopButton.onclick = function() {
	startButton.disabled = false;
	stopButton.disabled = true;
	clearInterval(interval);
}

startButton.onclick = function() {
	startButton.disabled = true;
	stopButton.disabled = false;
	interval = setInterval('iter()', 1000);
}

var startButton = document.getElementById('start');

var stopButton = document.getElementById('stop');

var interval;

function iter() {

for(var i = 0; i < 10; i++) {

document.getElementById('par').innerHTML += " Идёт итерация" + i + " ";

}

stopButton.onclick = function() {

startButton.disabled = false;

stopButton.disabled = true;

clearInterval(interval);

}

startButton.onclick = function() {

startButton.disabled = true;

stopButton.disabled = false;

interval = setInterval('iter()', 1000);

}

Посмотреть пример

Количество просмотров: 446

| Категория: JavaScript
| Тэги: disabled / JavaScript / таймер / цикл

« JS Массивы Методы reverse, sort, join, concat, slice Рандомный выбор цвета rgb »