在python循环中使用javascript更新HTML

Question

我目前正在尝试将进度条集成到我的网站中。我已经成功地把它放到了我的网页中，我现在正在尝试为它制作动画。

我有一个每秒更新进度条的js脚本，这正是我想要的，但问题是如果你刷新页面，进度条会回到开头，即使它在进行时页面已刷新。

所以我决定用python，启动一个线程，这样刷新页面不会让进度条回到0%，基本上就是一个循环，每秒计算进度的百分比。

我现在正试图通过每秒更改 HTML 和 CSS 来让我的进度条移动。

所以，我的问题是：我可以从我的 python 线程中调用一个 js 函数吗？ 如果不可能，有没有办法直接从 python 更新 HTML？比如图书馆什么的？

如果您对此有任何其他想法，请不要犹豫。

如果你想知道代码长什么样，这里是 python 的一部分：

print "starting test"
while s <= total:
   percent = (100 * s) / total
   print percent
   res["data"]["value"] = percent
   //!\\-->Want to send RES to JS
   time.sleep(1)
   s = s + 1
print "test is over"

这是js的一部分：

if (data.type == "init") {  
console.log("Receiving Init info");
}
else if (data.type == "record") {
console.log("Receiving record info");
    if (data.data.object == "progress-bar") {
    var elem = document.getElementById("myBar");
    elem.style.width = data.data.value + '%';
    document.getElementById("label").innerHTML = data.data.value * 1 + '%';
    }
}

提前致谢！

Answer 1

您可以使用 Web Sockets 并且在 javascript 中您可以从服务器接收数据并更新进度条。请查看以下文章：

Web Sockets