如何在另一个站点上修改变量？

Question

我儿子正在此页面上进行时间表练习，这是一个定时测试，每次累加他可获得10秒。

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

我想给他每笔款项更多的时间，但是我找不到一种方法来修改相关的代码并使它的工作时间从20秒改为10秒。

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

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中永久更改文件： 覆盖 。

如果脚本位于单独的文件中，则可以直接在其中更改maxTime；如果脚本位于文件中（需要重新加载），则可以编辑任何其他.js并在其中添加事件监听器，以在页面加载时更改startSom方法。