使用DataFrame每N秒自动刷新一次div

import pandas as pd
import time

# 创建一个示例的DataFrame
data = {'Name': ['Tom', 'Nick', 'John', 'Alice'],
        'Age': [20, 25, 30, 35]}
df = pd.DataFrame(data)

# 生成HTML代码，用于显示DataFrame
html = df.to_html()

# 生成JavaScript代码，用于定时刷新div
js_code = """
<script>
function refreshDiv() {
    // 使用AJAX请求获取最新的数据
    // 这里可以根据实际情况调用后端接口获取数据
    // 这里假设获取到的数据是一个HTML字符串
    var newData = "<table><tr><th>Name</th><th>Age</th></tr><tr><td>Tom</td><td>20</td></tr><tr><td>Nick</td><td>25</td></tr><tr><td>John</td><td>30</td></tr><tr><td>Alice</td><td>35</td></tr></table>";
    
    // 更新div的内容
    document.getElementById("myDiv").innerHTML = newData;
}

// 每N秒调用一次refreshDiv函数
setInterval(refreshDiv, 5000);
</script>
"""

# 生成完整的HTML代码
html_code = f"<div id='myDiv'>{html}</div>{js_code}"

# 将HTML代码保存到文件或返回给前端页面进行显示
with open("index.html", "w") as f:
    f.write(html_code)