2
現在、進行状況バーを自分のウェブサイトに統合しようとしています。私は正常に私のWebページに入れて、私は今それをアニメーションしようとしています。JavaScriptを使用してPythonループでHTMLを更新する
1秒ごとにプログレスバーを更新するjsスクリプトがありますが、これはまさに私が望むものですが、問題は、ページを更新すると、プログレスバーが進行中であっても最初に戻りますページがリフレッシュされたとき。
私はスレッドを開始するためにpythonを使用することに決めましたので、ページをリフレッシュしてもプログレスバーは0％に戻らず、基本的に1秒ごとに進捗率を計算するループです。
私は現在、毎秒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 + '%';
}
}
ありがとう！