Не получается реализовать таймеры Pomodoro?

В приложении не получается создать таймеры обратного отсчета. Один на время работы а другой га время отдыха. Должны включаться последовательно.Сначала отработает таймер работы, потом таймер отдыха. При нажатии кнопки запускать таймер,а при повторном нажатии отключать таймер. Также почему то сбиваются значения таймера, а при повторном нажатии начинается какая-то белиберда.
Приложение тут

\\Таймер
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');