Специально набросал пример, для общего понимания. Есть поле с результатами, есть две кнопки старт и стоп. Пример рабочий, но кнопка стоп не останавливает работу. Как остановить? И как продолжить с того же места?
<select multiple="" id="answer_sel"></select>
<input type="button" id="start" value="Старт">
<input type="button" id="stop" value="Стоп" disabled>
<script>
var startButton = document.getElementById("start");
var stopButton = document.getElementById("stop");
stopButton.onclick = function() {
startButton.disabled = false;
stopButton.disabled = true;
clearInterval(timerId);
}
startButton.onclick = function() {
startButton.disabled = true;
stopButton.disabled = false;
var i=0
var timerId = setInterval(function() {
i++;
$("#answer_sel").append("<option selected=\"\">Загружено: "+i+"</option>");
}, 1000);
}
</script>