我正在尝试修改我在网上看到的ESP32的一个项目。我没有受过任何编程方面的教育，但我发现ardiuno上的C++很容易理解，通常我们在网上看到的例子足够容易遵循和修改。另一方面，我似乎就是不能理解。我正在尝试修改的项目托管了一个带有一些Java代码的网页，可以看到它是here

它是以静态更新间隔进行编译的。

setInterval(function ( ) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var x = (new Date()).getTime(),
          y = parseFloat(this.responseText);
      //console.log(this.responseText);
      if(chartH.series[0].data.length > 40) {
        chartH.series[0].addPoint([x, y], true, true, true);
      } else {
        chartH.series[0].addPoint([x, y], true, false, true);
      }
    }
  };
  xhttp.open("GET", "/humidity", true);
  xhttp.send();
}, 30000 ) ;

setInterval(function ( ) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var x = (new Date()).getTime(),
          y = parseFloat(this.responseText);
      //console.log(this.responseText);
      if(chartP.series[0].data.length > 40) {
        chartP.series[0].addPoint([x, y], true, true, true);
      } else {
        chartP.series[0].addPoint([x, y], true, false, true);
      }
    }
  };
  xhttp.open("GET", "/pressure", true);
  xhttp.send();
}, 30000 ) ;

这两个函数每30秒运行一次。我试图做的是添加一个带有预先指定的值的下拉菜单，它可以更改setInterval时间，但从我从在线阅读中可以看出，这些值是在页面加载时读取的，从下拉列表中选择一个新值不会有任何作用，除非我要做一些检查值是否更改的操作。喜欢：

<select class="dropdown" value="1">
    <option value="2000">2 sec</option>
    <option value="10000" selected>10 sec</option>
    <option value="15000">15 sec</option>
    <option value="30000">30 sec</option>
    <option value="60000">1 min</option>
</select>

网上有几个例子，但我不知道在不修改其他东西的情况下将它们应用到这段代码中，我就是不够熟练。有没有人愿意帮忙并解释一下代码是如何工作的？谢谢!