Fatal编程技术网
  • javascript/
  • Javascript 使用JQuery的简单进度条不起作用

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

javascript jquery html

Javascript 使用JQuery的简单进度条不起作用,javascript,jquery,html,progress-bar,Javascript,Jquery,Html,Progress Bar,我是JavaScript的新手，我负责一个在线测验（html5代码），执行“StartName”功能需要很长时间（为100个问题构建html）。因此我添加了一个进度条 function startgame() { var progress=0; for (index = 0; index < numberofquestions; index++) { progress=index+"%"; $("#progress-bar").css("

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

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

函数startName（）
{    
var进程=0；
对于（索引=0；索引
进度条是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;"'+'/>';

document.getElementById（“进度条”）.outerHTML=''；
取代 $（“#进度条”）.css（“宽度”，进度）；
但是结果与前面相同

numberofquestions.length应该给出数组numberofquestions的整个长度。你丢失了所有的代码，所以除此之外，我的困难是随着for循环的迭代，让进度条移动，无论如何，感谢
“它需要很长时间来执行“startgame”函数（为100个问题构造html”
您的首要任务应该是优化这100个问题的附加，因为它没有那么多数据&不应该花费太长时间，以至于您需要一个进度条