Question

我是JavaScript的新手，我负责在线测验（html5代码），这需要很长时间来执行“startgame”功能（构建100个问题的html）。所以我添加了一个进度条，

   function startgame()
   {    
    var progress=0;
    for (index = 0; index < numberofquestions; index++) {
    progress=index+"%";
    $("#progress-bar").css("width",progress);
    ...
    }
    ...}

和progress-bar是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;"'+'/>';

替换 $（ “＃进度条”）的CSS（ “宽度”，进度）; 但结果与以前相同

Answer 1

numberofquestions.length应该为您提供数组numberofquestions的整个长度。你错过了所有代码，所以除此之外不能说..

使用JQuery的简单进度条不起作用

1 个答案: