Показать сообщение отдельно
  #1 (permalink)  
Старый 31.03.2015, 23:35
Аватар для ivanWantsToKnow
Интересующийся
Отправить личное сообщение для ivanWantsToKnow Посмотреть профиль Найти все сообщения от ivanWantsToKnow
 
Регистрация: 29.01.2015
Сообщений: 15

реализовать toggle события click
При клике на start включается секундомер и меняется значение кнопки на pause. Как сделать, чтобы при повторном нажатии значение кнопки снова менялось на start и секундомер останавливался на текущем значении?

<h2 class='stopwatch'>0</h2>
 <button class='btn-toggle'>Start</button>

var i = 0,
    timer;
document.querySelector('.btn-toggle').addEventListener('click', start, false);

function start() {
  timer = setInterval(increment, 1);
  document.querySelector('.btn-toggle').innerHTML = 'Pause';
  
}

function increment() {
  i++;
  document.querySelector('.stopwatch').innerHTML = i/1000;
}

function stop() {
  clearInterval(timer);
}


Вот для удобства http://jsbin.com/kizavuwoxa/1/edit?html,js,output
Спасибо за ответы, напутствия, направления!
Ответить с цитированием