Update app.py

app.py

@@ -1092,24 +1092,23 @@ async () => {{
     var deadlineTextBegin = function () {{
         var el = gradioEl.querySelector('.deadline-timer');
         var html = 'Preparing...';
-        el.html(html);
+        el.innerHTML = html;
     }};
 
     var deadlineTextFinished = function () {{
         var el = gradioEl.querySelector('.deadline-timer');
         var html = 'Done! Retry?';
-        el.html(html);
+        el.innerHTML = html;
     }};
 
     var deadlineText = function (remainingTime) {{
         var el = gradioEl.querySelector('.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);
+        el.innerHTML = html;
     }};
 
-    function timer(totalTime, deadline) {{
+    function timerFunc(totalTime, deadline) {{
         var time = totalTime * 1000;
         var dayDuration = time / (deadline + {opt.prep_time});
         var actualDay = deadline + {opt.prep_time};
@@ -1122,10 +1121,8 @@ async () => {{
                 deadlineTextBegin();
             }} else if (actualDay > 0) {{
                 deadlineText(actualDay);
-                // gradioEl.querySelector('.deadline-timer .day').text(actualDay - {opt.prep_time});
             }} else {{
                 clearInterval(timer);
-                // gradioEl.querySelector('.deadline-timer .day').text(deadline);
                 deadlineTextFinished();
             }}
         }}
@@ -1152,8 +1149,8 @@ async () => {{
                     state = true;
 
                     // Run the main animation just once.
-                    gradioEl.querySelector('#progress-time-fill, #death-group').css({{'animation-duration': animationTime+'s'}});
-                    timer(animationTime, days);
+                    gradioEl.querySelector('#progress-time-fill, #death-group')['animation-duration'] = animationTime+'s';
+                    timerFunc(animationTime, days);
                     deadlineAnimation();
                     deadlineText({opt.run_time});
                     console.log('begin interval', animationTime * 1000);