1

我是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;"'+'/>';

替换 $("#progress-bar").css("width",progress); 但结果和以前一样

4

1 回答 1

1

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

于 2013-02-03T10:46:41.057 回答