Показать сообщение отдельно
  #5 (permalink)  
Старый 19.04.2017, 08:57
Аватар для kupidon
Аспирант
Отправить личное сообщение для kupidon Посмотреть профиль Найти все сообщения от kupidon
 
Регистрация: 18.03.2016
Сообщений: 69

Специально набросал пример, для общего понимания. Есть поле с результатами, есть две кнопки старт и стоп. Пример рабочий, но кнопка стоп не останавливает работу. Как остановить? И как продолжить с того же места?

<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>

Последний раз редактировалось kupidon, 19.04.2017 в 09:07.
Ответить с цитированием