Javascript 当用户打开页面时，5分钟循环计时器将工作

我需要添加5分钟的圆圈计时器，当用户在AppGyver中打开页面JS自定义代码时，它就会工作。我找到了一个现成的代码，可以帮我修改一下代码，这正是这个循环的设计，并将它们作为一个JS代码编写，因为Appgyver只接受JS自定义代码

功能倒计时（持续时间，显示）{
如果（！isNaN（持续时间））{
var定时器=持续时间，分钟，秒；
var interVal=setInterval（函数（）{
分钟=parseInt（计时器/60,10）；
秒=parseInt（计时器%60,10）；
分钟=分钟<10？“0”+分钟：分钟；
秒=秒<10？“0”+秒：秒；
$（display.html（“+minutes+”m:“+seconds+”s“+”）；
如果（--定时器<0）{
定时器=持续时间；
SubmitFunction（）；
$（'#display'）.empty（）；
清除间隔（间隔）
}
},1000);
}
}
函数SubmitFunction（）{
$（'#submitted'）.html（'submitted'）；
}
倒计时(3,"显示");；

你的问题很难理解。现在呢？我需要添加5分钟的圆圈计时器，当用户在AppGyver中打开页面JS自定义代码时，它就会工作。我找到了一个现成的代码，只需帮我修改一下代码，就像图中这个圆圈的设计一样，并将它们作为一个JS代码编写，因为Appgyver只接受JS自定义代码

  function CountDown(duration, display) {
        if (!isNaN(duration)) {
            var timer = duration, minutes, seconds;
            
          var interVal=  setInterval(function () {
                minutes = parseInt(timer / 60, 10);
                seconds = parseInt(timer % 60, 10);

                minutes = minutes < 10 ? "0" + minutes : minutes;
                seconds = seconds < 10 ? "0" + seconds : seconds;

                $(display).html("<b>" + minutes + "m : " + seconds + "s" + "</b>");
                if (--timer < 0) {
                    timer = duration;
                   SubmitFunction();
                   $('#display').empty();
                   clearInterval(interVal)
                }
                },1000);
        }
    }
    
    function SubmitFunction(){
   $('#submitted').html('submitted');
    
    }
    

     CountDown(3,$('#display'));