title: 5 Minute circle timer which will work when user opens the page
body: <p>I need to add 5 Minute circle timer which will work when user opens the page JS custom code in AppGyver. I found a ready code <a href="https://codepen.io/SabAsan/pen/zYvpZPM" rel="nofollow noreferrer">https://codepen.io/SabAsan/pen/zYvpZPM</a> just help me to correct the code little bit, exactly the design of this circle <a href="https://i.stack.imgur.com/CiNeA.png" rel="nofollow noreferrer">as in the image</a> and write them as one JS code because  Appgyver accepts just JS custom code <a href="https://docs.appgyver.com/app-logic/custom-javascript" rel="nofollow noreferrer">https://docs.appgyver.com/app-logic/custom-javascript</a></p>
  <p><a href="https://i.stack.imgur.com/SNQ8Y.png" rel="nofollow noreferrer">Here's the Axelor JS code type</a></p>
  <pre><code>  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 &lt; 10 ? &quot;0&quot; + minutes : minutes;
                  seconds = seconds &lt; 10 ? &quot;0&quot; + seconds : seconds;
  
                  $(display).html(&quot;&lt;b&gt;&quot; + minutes + &quot;m : &quot; + seconds + &quot;s&quot; + &quot;&lt;/b&gt;&quot;);
                  if (--timer &lt; 0) {
                      timer = duration;
                     SubmitFunction();
                     $('#display').empty();
                     clearInterval(interVal)
                  }
                  },1000);
          }
      }
      
      function SubmitFunction(){
     $('#submitted').html('submitted');
      
      }
      
  
       CountDown(3,$('#display'));
    
  </code></pre>