Update app.py

app.py

@@ -1055,6 +1055,14 @@ async () => {{
         el.html(html);
     }};
 
+    var deadlineText = function (remainingTime) {{
+        var el = jQuery('.deadline-timer');
+        var htmlBase = 'Remaining <span class="day">' + remainingTime + '</span> <span class="days">s</span>';
+        el.html(html);
+        var html = '<div class="mask-red"><div class="inner">' + htmlBase + '</div></div><div class="mask-white"><div class="inner">' + htmlBase + '</div></div>';
+        el.html(html);
+    }};
+
     function timer(totalTime, deadline) {{
         var time = totalTime * 1000;
         var dayDuration = time / deadline;
@@ -1067,7 +1075,8 @@ async () => {{
             if (actualDay > deadline) {{
                 deadlineTextBegin();
             }} else if (actualDay > 0) {{
-                jQuery('.deadline-timer .day').text(actualDay - {opt.prep_time});
+                deadlineText(actualDay - {opt.prep_time});
+                // jQuery('.deadline-timer .day').text(actualDay - {opt.prep_time});
             }} else {{
                 clearInterval(timer);
                 // jQuery('.deadline-timer .day').text(deadline);
@@ -1076,18 +1085,10 @@ async () => {{
         }}
     }}
 
-    var deadlineText = function () {{
-        var el = jQuery('.deadline-timer');
-        var htmlBase = 'Remaining <span class="day">{opt.run_time}</span> <span class="days">s</span>';
-        el.html(html);
-        var html = '<div class="mask-red"><div class="inner">' + htmlBase + '</div></div><div class="mask-white"><div class="inner">' + htmlBase + '</div></div>';
-        el.html(html);
-    }};
-
     var runAnimation = function() {{
         timer(animationTime, days);
         remation();
-        deadlineText();
+        deadlineText({opt.run_time});
 
         console.log('begin interval', animationTime * 1000);
     }};