私は JavaScript の初心者で、オンライン クイズ (html5 コード) を担当していますが、「startgame」関数の実行 (100 問の html の構築) に時間がかかるため、プログレス バーを追加します。
function startgame()
{
var progress=0;
for (index = 0; index < numberofquestions; index++) {
progress=index+"%";
$("#progress-bar").css("width",progress);
...
}
...}
プログレスバーはhtmlコードのdivのIDです
<div id="progress-bar" style="width:0%; background:blue;opacity:1;height:25px;"/>`
forループをまたぐと期待どおりに動作します(バーの幅が増えています)が、ブレークポイントを削除して実行するとまったく機能しません(進行状況は0%または停止したポイントにとどまります)デバッグ)私も試しました
document.getElementById("progress-bar").outerHTML='<div id="progress-bar" style="width:'+progress+';background:blue;opacity:1; display:block; height:25px;"'+'/>';
$("#progress-bar").css("width",progress); を置き換えます。しかし、結果は以前と同じです