如何在Python3中使用倒数计时器创建网页？

Question

我需要创建一个带有倒数计时器的网页。以下内容无效，因为该网页会在倒计时完成之前暂停。它不会每秒更新一次页面，也不会正确地放置值。滚动它们。我该如何工作？另外，我相信我可以将javascript嵌入Python代码中，但是我还没有弄清楚如何做到这一点。我在网络上投入的所有有关从Python调用javascript的内容似乎都很神秘，我根本无法弄清。

index.html：

div.Countdown {
    position: fixed;
    top: 26;
    left: 480;
    width: 300px;
    font: bold 24px Arial;
    color: black;
}
</STYLE>

index.cgi：

import time

print( '</b></h2></table></p>')
def countdown(t):
    while t:
        mins, secs = divmod(t, 60)
        timeformat = '{:02d}:{:02d}'.format(mins, secs)
        print( '<div id="Countdown">')
        print(timeformat, flush=True)
        print('</div>')
        time.sleep(1)
        t -= 1
    print('Goodbye!\n\n\n\n\n')


countdown(4)

print( '</BODY>')
print( '</HTML>')```

Answer 1

您已经错过了有关网络工作方式的一些基本知识-有 client 和 server 。通常但并非总是如此，客户端与服务器运行在不同的计算机上。在常规上下文中，客户端向服务器提交请求，服务器对此作出响应。客户端会等到服务器完成响应后再尝试呈现响应。

您遇到的问题是，在while循环完成之前，HTML尚未完成渲染，因此，在计时器达到零之前，客户端不会渲染任何内容。

我完全不建议在python中完成此任务，该任务仅在服务器上运行。从字面上看，这是可能的，但只能通过非常复杂的方式进行。相反，我将使用在客户端上运行的另一种称为javascript的语言。如果您使用的是chrome，则可以右键单击此网页，然后选择“检查”选项：

从那里开始，您可以通过选择开发者控制台顶部的控制台选项来尝试使用JavaScript。

这看起来像是有关如何为刚开始使用https://www.geeksforgeeks.org/create-countdown-timer-using-javascript/的人创建计时器的教程。