使用 javascript 在 python 循环中更新 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

使用 javascript 在 python 循环中更新 HTML

Using javascript to update HTML in python loop

html

javascript

python

multithreading

progress-bar