Last active 10 months ago

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

Revision db71ec0a570c4ab3972b1f7406ff6014635554dd

use_scope_case3_pywebio.py Raw
1from pywebio import start_server
2from pywebio.output import put_html
3import datetime
4
5def 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
17if __name__ == '__main__':
18 start_server(use_scope_case3, port=8080)
19