Question

我的儿子正在这个页面练习表，这是一个定时测试，每次总和他得到10秒。

https://www.timestables.com/speed-test/ - 这不是我的网站或代码，我无法直接控制源代码。

我希望每次给他一点时间，但我找不到修改相关代码的方法，让它在20秒而不是10秒内工作。

在我看来，相关变量是此函数中的maxTime（毫秒），但我使用Chrome开发者工具执行的任何操作都不会在实时运行页面中对此进行修改，而不是10秒。

function startSom(){


    vraagnr = vraagnr + 1;
    if(vraagnr <= totaalSommen)
    {
        bezig = true;
        $('#pbar_innerdiv').stop();
        $('#pbar_innerdiv').css("width","100%");
        $('#pbar_innerdiv').css("backgroundColor","#33BF00");
        $('#pbar_innerdiv').css("borderColor","#33BF00");
        if(mobiel){
        $("#antwVak").html("");
        }
        else{
            $("#antwoordI").val("");
            $("#antwoordI").focus();    
        }
        $('#pbar_innerdiv').stop();

        start = new Date();
        maxTime = 10000;
        timeoutVal = Math.floor(maxTime/100);
          var somT = sommen[vraagnr-1].split(",");
                $('#somVak').html(somT[1]+"×"+somT[0]+"=");
                $('#voortgangVak').html("Question "+vraagnr+" / "+totaalSommen+"<br />"+ punten + " points");

        animateUpdate();
        started = false;
    }
    else
    {
        showEindScherm();

    }
}

有人可以建议做什么吗？

Answer 1

您可以复制整个方法，将其变为chrome devtools并更改

 function startSom() {

到

window.startSom = function() {

显然将你的时间从10000改为20000.这会改变你允许你回答的时间，但不会改变移动进度条，这仍然只需要10秒。

Answer 2

请粘贴：

window.startSom = function(){


    vraagnr = vraagnr + 1;
    if(vraagnr <= totaalSommen)
    {
        bezig = true;
        $('#pbar_innerdiv').stop();
        $('#pbar_innerdiv').css("width","100%");
        $('#pbar_innerdiv').css("backgroundColor","#33BF00");
        $('#pbar_innerdiv').css("borderColor","#33BF00");
        if(mobiel){
        $("#antwVak").html("");
        }
        else{
            $("#antwoordI").val("");
            $("#antwoordI").focus();    
        }
        $('#pbar_innerdiv').stop();

        start = new Date();
        maxTime = 20000;
        timeoutVal = Math.floor(maxTime/100);
          var somT = sommen[vraagnr-1].split(",");
                $('#somVak').html(somT[1]+"×"+somT[0]+"=");
                $('#voortgangVak').html("Question "+vraagnr+" / "+totaalSommen+"<br />"+ punten + " points");

        animateUpdate();
        started = false;
    }
    else
    {
        showEindScherm();

    }
}

下面：

如果您想在新的最长时间后制作进度条，也请粘贴：

window.animateUpdate = function() {
    if(bezig)
    {
    var now = new Date();

    var timeDiff = now.getTime() - start.getTime();
    if(!started){
        $('#pbar_innerdiv').css("width", (100) + "%");
        $('#pbar_innerdiv').animate({width: 0 + "%"},20000);

        started = true;
    }
    perc = Math.round((timeDiff/maxTime)*100);


        console.log(perc);

        if(perc == 33)
        {                           
            $('#pbar_innerdiv').css("backgroundColor", "#FF9500");
            $('#pbar_innerdiv').css("borderColor", "#FF9500");
        }
        if(perc== 66)
        {
            $('#pbar_innerdiv').css("backgroundColor", "#FF0000");
            $('#pbar_innerdiv').css("borderColor", "#FF0000");
        }
      if (perc <= 100) {
       //updateProgress(perc);
       setTimeout(animateUpdate, timeoutVal);

      } 
      else
      {
        bezig = false;
        showTeLaat();
        //alert("tijd is om");
      }
    }
}

Answer 3

有可能在chrome devtools中持续更改文件：Overrides。

如果脚本在一个单独的文件中，您可以直接在那里更改maxTime，或者如果它在一个文件中，需要重新加载，您可以编辑任何其他.js并在那里添加一个eventlistener来更改页面上的startSom方法负荷。

如何修改其他网站上的变量？

3 个答案: