5分钟圈定时器，当用户打开页面时将起作用

如何解决5分钟圈定时器，当用户打开页面时将起作用

我需要添加5分钟圈计时器，当用户在AppGyver中打开页面JS自定义代码时，该计时器将起作用。我发现准备好了的代码https://codepen.io/SabAsan/pen/zYvpZPM只是帮助我稍微纠正了一下代码，准确地设计了这个圆圈as in the image并将其编写为一个JS代码，因为Appgyver仅接受JS定制代码https://docs.appgyver.com/app-logic/custom-javascript

Here's the Axelor JS code type

  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'));