Ultima attività 10 months ago

此範例展示如何使用 PyWebIO 及 JavaScript 顯示即時更新的時間。透過 put_html() 方法嵌入 HTML 和 JavaScript,並使用 setInterval() 讓時間每秒更新一次,使 PyWebIO 應用能夠提供更動態的用戶體驗。

timmy ha revisionato questo gist 10 months ago. Vai alla revisione

Nessuna modifica

timmy ha revisionato questo gist 1 year ago. Vai alla revisione

1 file changed, 18 insertions

use_scope_case3_pywebio.py(file creato)

@@ -0,0 +1,18 @@
1 + from pywebio import start_server
2 + from pywebio.output import put_html
3 + import datetime
4 +
5 + def use_scope_case3():
6 + put_html('''
7 + <div id="time"></div>
8 + <script>
9 + function updateTime() {
10 + document.getElementById("time").innerText = new Date().toLocaleString();
11 + }
12 + setInterval(updateTime, 1000);
13 + updateTime();
14 + </script>
15 + ''')
16 +
17 + if __name__ == '__main__':
18 + start_server(use_scope_case3, port=8080)
Più nuovi Più vecchi