Jquery在运行其他函数时停止倒计时

我试图制作一个倒计时计时器，它运行一个功能，但也有一个手动覆盖按钮按下：

计时器工作正常：

HTML

•

JS

//倒计时
$（函数（）{
var start=“1:00”；
var interval=setInterval（函数（）{
var timer=start.split（“：”）；
var minutes=parseInt（计时器[0]，10）；
var seconds=parseInt（计时器[1]，10）；
--秒；
分钟=（秒<0）？--分钟：分钟；
如果（分钟<0）{
间隔时间；
刷新（）；
}否则{
秒=（秒<0）？59：秒；
秒=（秒<10）？“0”+秒：秒；
$（'.countdown'）.html（分钟+'：'+秒）；
开始=分钟+'：'+秒；
}
}, 1000);
});
//我的刷新功能
函数刷新（）{
警报（“警报”）；
$（'.countdown'）.html（“加载”）；
}

我正在努力解决的是，当我点击manual overide按钮运行刷新功能时，计时器仍在继续倒计时（如中所示，加载被倒计时计时器取代）。单击按钮应停止倒计时功能的运行

有谁能帮我解决这个问题吗？

var interval=null；
var interval = null;

// COUNTDOWN TIMER
$(function() {
  var start = "1:00";
  interval = setInterval(function() {
  var timer = start.split(':');
    var minutes = parseInt(timer[0], 10);
    var seconds = parseInt(timer[1], 10);
    --seconds;
    minutes = (seconds < 0) ? --minutes : minutes;
    if (minutes < 0) {
       clearInterval(interval);
       refresh();
    } else {
       seconds = (seconds < 0) ? 59 : seconds;
       seconds = (seconds < 10) ? '0' + seconds : seconds;
       $('.countdown').html(minutes + ':' + seconds);
       start = minutes + ':' + seconds;
    }
  }, 1000);
});

// MY REFRESH FUNCTION
function refresh() {
  alert("Alert");
  $('.countdown').html("Loading");
}

$('.countdown').click(function() {
  clearInterval(interval);
});

//倒数计时器
$（函数（）{
var start=“1:00”；
间隔=设置间隔（函数（）{
var timer=start.split（“：”）；
var minutes=parseInt（计时器[0]，10）；
var seconds=parseInt（计时器[1]，10）；
--秒；
分钟=（秒<0）？--分钟：分钟；
如果（分钟<0）{
间隔时间；
刷新（）；
}否则{
秒=（秒<0）？59：秒；
秒=（秒<10）？“0”+秒：秒；
$（'.countdown'）.html（分钟+'：'+秒）；
开始=分钟+'：'+秒；
}
}, 1000);
});
//我的刷新功能
函数刷新（）{
警报（“警报”）；
$（'.countdown'）.html（“加载”）；
}
$（'.countdown'）。单击（函数（）{
间隔时间；
});

clearInterval

方法需要调用内部刷新函数

 // COUNTDOWN TIMER
 $(function() {
   var start = "1:00";
   var interval = setInterval(function() {
     var timer = start.split(':');
     var minutes = parseInt(timer[0], 10);
     var seconds = parseInt(timer[1], 10);
     --seconds;
     minutes = (seconds < 0) ? --minutes : minutes;
     if (minutes < 0) {
       clearInterval(interval);
       refresh();
     } else {
       seconds = (seconds < 0) ? 59 : seconds;
       seconds = (seconds < 10) ? '0' + seconds : seconds;
       $('.countdown').html(minutes + ':' + seconds);
       start = minutes + ':' + seconds;
     }
   }, 1000);
 });

// MY REFRESH FUNCTION
function refresh() {
   alert("Alert");
   $('.countdown').html("Loading");
 }

var interval = null;

// COUNTDOWN TIMER
$(function() {
  var start = "1:00";
  interval = setInterval(function() {
  var timer = start.split(':');
    var minutes = parseInt(timer[0], 10);
    var seconds = parseInt(timer[1], 10);
    --seconds;
    minutes = (seconds < 0) ? --minutes : minutes;
    if (minutes < 0) {
       clearInterval(interval);
       refresh();
    } else {
       seconds = (seconds < 0) ? 59 : seconds;
       seconds = (seconds < 10) ? '0' + seconds : seconds;
       $('.countdown').html(minutes + ':' + seconds);
       start = minutes + ':' + seconds;
    }
  }, 1000);
});

// MY REFRESH FUNCTION
function refresh() {
  alert("Alert");
  $('.countdown').html("Loading");
}

$('.countdown').click(function() {
  clearInterval(interval);
});