Добрый вечер!
Помогите справиться с таймером.
Нужно по событию, например, по клику по кнопке перезапустить таймер
Не отрабатывает 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>