倒计时多次调用出现多个倒计时，该怎么解决？

Question

function CountDown() {
    var maxtime = 120;
    var timer = setInterval(function () {
        maxtime--;
        var minutes = Math.floor(maxtime / 60);
        var seconds = Math.floor(maxtime % 60);
        if (minutes >= 0) {
            var msg = "倒计时: " + '0' + minutes + "分" + seconds + "秒";
            $('.del-time').html(msg);
        } else {
            clearInterval(timer);
        }
    },1000);
    
}

第一次触发都很正常，再次触发就会有两个时间在交替显示。我估计是maxtime没有释放掉，但我不能刷新页面，所以maxtime一直被定时器调用，调用一次CountDown，就会创建一个maxtime，该怎么办啊。

Answer 1

var timer

function CountDown() {

    var maxtime = 120;

    clearInterval(timer);

    timer = setInterval(function () {

        maxtime--;

        var minutes = Math.floor(maxtime / 60);

        var seconds = Math.floor(maxtime % 60);

        if (minutes >= 0) {

            var msg = "倒计时: " + '0' + minutes + "分" + seconds + "秒";

            $('.del-time').html(msg);

        } else {

            clearInterval(timer);

        }

    },1000);

}