JavaScript，setTimeout

Question

我必须在我的网页上创建一个输入类型的文本表单来修改一个setTimeout值，这个值是根据用户在我的javascript代码中的输入来修改的。我能做到吗?如果我能做到的话，我怎么做？

我厌倦了从用户输入向后端发送一个字符串，而不是使用ajax调用，将字符串分配给javascript中的一个变量，但由于内部html是一个字符串，所以它不能工作，而且当我将它转换为int时，它也不工作。

function getData() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       document.getElementById("idovalt").innerHTML =
       this.responseText;
    }
  };
  xhttp.open("GET", "toltes", true);
  xhttp.send();
}

这是一个输入表单：

var idovalt = 1000;

setTimeout(function(){ize()}, idovalt);

Answer 1

字符串或整数与问题无关。

HTML：

<input type="text" id="idovalt" value="1000">

联署材料：

function ize() {
  // do something
}

setTimeout(ize, document.getElementById('idovalt').value);

如果您想直接为setTimeout()的第一个参数编写一些代码，则应该引用该代码。

例如，

setTimeout('alert("Hello!")', 1000);

Answer 2

是的可以解决这个问题，我将使用Jquery来处理事件，但当然可能会改变它。

var myInput = $("#timeoutDelay"),
    timeOut = null;


function setTimeOutOnInputChange(timeout) {
    timeOut = setTimeout(function () {
        console.log("Your code...");
        //Ize();
    }, timeout);
}

// I did not get why you are doing this, asynchronous call execute after the timeout function, thats why you need to wait until is ready to change de timeout, in case time out value comes from server and not for user input, otherwise it doesn't makes sense.
function getData() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       document.getElementById("idovalt").innerHTML = this.responseText;
       setTimeOutOnInputChange(parseInt(this.responseText)); // Assuming does not return an object
    }
  };
  xhttp.open("GET", "toltes", true);
  xhttp.send();
} 


myInput.change(function () {
    var val = this.value;
    if (timeOut != null) {
        clearTimeout(timeOut);
    }

    if (isNaN(val)) {
        console.error("Input is not a number");
    } else {
        setTimeOutOnInputChange(val);
    }    
});