Форум

user999 · #1 (**permalink**) 12.12.2016, 22:11

Добрый вечер!

Помогите справиться с таймером.
Нужно по событию, например, по клику по кнопке перезапустить таймер
Не отрабатывает clearInterval

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=cp1251" />
		<script src="js/jquery-1.7.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function() {
	var starttime;
	var timer;

	timer2();
	function timer2() {
		starttime 		= '3:15';
		starttime		= starttime.split(':');
		var startmin 	= Number(starttime[0]);
		var startsec 	= Number(starttime[1]);
		var min 		= startmin;
		var sec 		= startsec;
	    timer 	= setInterval(function(){
	    	$('.time').html(min+":"+--sec);
	        if(sec<= 0 && min>0) {
	            clearInterval(timer);
	            min = min-1;
	            sec = 60;
	        } else if (sec<= 0 && min<=0) {
	            clearInterval(timer);
	            min = startmin;
	            sec = startsec;
	        }
	        timer = setTimeout(sec, 1000);
	    },1000);
	}
			$('.reboot').live('click', function() {
				clearInterval(timer);
				var starttime = '2:20';
    		});
});
</script>
	[HTML]<div class="time"></div>
	<input type="button" class="reboot" value="Обновить"/>
</body>
</html>

рони · #2 (**permalink**) 12.12.2016, 22:33

user999,
строка 32 зачем?

user999 · #3 (**permalink**) 12.12.2016, 22:35

если ее не будет, то таймер досчитает секунды до нуля и остановится.

рони · #4 (**permalink**) 12.12.2016, 22:50

user999,

убрать строку 32 -- строку 37 заменить на копию строки 13

рони · #5 (**permalink**) 12.12.2016, 23:09

user999,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

</head>
<body>
<script type="text/javascript">
$(function() {
  var starttime;
  var timer;

  timer2();
  function timer2() {
    starttime 		= '3:15';
    starttime		= starttime.split(':');
    var startmin 	= Number(starttime[0]);
    var startsec 	= Number(starttime[1]);
    var min 		= startmin;
    var sec 		= startsec;
      timer 	= setInterval(function(){
      $('.time').html(min+":"+sec);
          sec--;
          if(sec < 0 && min > 0) {
              min = min-1;
              sec = 59;
          }
          if (min == 0 && sec < 0) {
              clearInterval(timer);
                 }
              },1000);
  }
      $('.reboot').on('click', function() {
        clearInterval(timer);
        timer2();
    		});
});
</script>
  <div class="time"></div>
  <input type="button" class="reboot" value="Обновить"/>
</body>
</html>

user999 · #6 (**permalink**) 12.12.2016, 23:16

Спасибо огромное

Форум

Справочник

Discord чат

Курсы javascript