dos

Public/static/css/index.css

@@ -399,3 +399,10 @@ input[name=signature]::-webkit-input-placeholder {
 .countdown-page canvas {
   transform: rotate(-90deg);
 }
+
+.countdown-num {
+  line-height: 8.95rem;
+  font-size: 4rem;
+  text-align: center;
+  color: #fff;
+}
\ No newline at end of file

Public/static/js/common.js

@@ -309,7 +309,9 @@ function showCountDownPage() {
     }
     $('.countdown-page').css('background', bgColor);
 
-    countDown();
+    countDown(function () {
+        $('.countdown-page').fadeOut(300);
+    });
     $('.countdown-page').show();
     $('.suggest-page .suggest-wrap').addClass('animate');
     setTimeout(function () {
@@ -317,9 +319,11 @@ function showCountDownPage() {
     }, 500);
 }
 
-function countDown() {
+function countDown(callback) {
     let angle = -360;
+    let countdown = 3;
     let timer;
+    $('.countdown-num').text(countdown);
     countDownCtx.fillStyle = bgColor;
     timer = setInterval(function () {
         angle = ((angle * 10) + 36) / 10;
@@ -328,7 +332,10 @@ function countDown() {
         console.log(angle);
 
         if (angle >= 0) {
+            countdown--;
             clearInterval(timer);
+            $('.countdown-num').text(countdown);
+            callback();
         }
     }, 10);
 }