В приложении не получается создать таймеры обратного отсчета. Один на время работы а другой га время отдыха. Должны включаться последовательно.Сначала отработает таймер работы, потом таймер отдыха. При нажатии кнопки запускать таймер,а при повторном нажатии отключать таймер. Также почему то сбиваются значения таймера, а при повторном нажатии начинается какая-то белиберда.
Приложение тут
\\Таймер
function timer(val_time_m,val_time_c){
var min=val_time_m;
var sec=val_time_c;
return function(){
if(sec>0){
sec--
}else{
sec=60;
if(min >0){
min--;
}
}
$('#min').text(min);
$('#sec').text(sec)
}
}
//Слайдер
$.fn.mySlider = function(selector) {
$(this).slider({
value:30,
min:0,
max:60,
step:1,
create: function(event,ui){
var val = $("#slider").slider("value");
$(selector).html(val);
},
slide: function(event,ui){
$(selector).html(ui.value);
},
//Получение значений для таймера
stop: function(event,ui){
if(selector==='#work_numb'){
var work_time_sec=ui.value;
}else if(selector==='#work_numb2'){
var work_time_min = ui.value;
}else if(selector==='#relax_numb'){
var relax_time_sec=ui.value;
}else if(selector==='#relax_numb2'){
var relax_time_min=ui.value;
}
//Запуск таймера
$('.pusk').click(function(){
var interval = setInterval(timer(work_time_min,work_time_sec),1000);
})
}
});
}
$('#slider1').mySlider('#work_numb');
$('#slider2').mySlider('#work_numb2');
$('#slider3').mySlider('#relax_numb');
$('#slider4').mySlider('#relax_numb2');
