javascript - 表单中自动保存按钮之前的 2 秒间隔

Question

我可以在自动保存之前设置 2 秒的间隔吗？此代码显示我的网页，其中有一个文本框，并且它自动显示我的 DTRSearch.php 结果。这段代码运行完美。

<div id="search">
<input type="text" placeholder="Scan" id="t1" name="t1" onkeyup="aa();" 
autofocus/></div>

<script type="text/javascript"> 
function aa(){
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","DTRSearch.php?
nmnm="+document.getElementById("t1").value,false);
xmlhttp.send(null);
document.getElementById("searchdiv").innerHTML=xmlhttp.responseText;
document.getElementById("searchdiv").style.visibility='visible';
}
</script>
<div id="searchdiv" style="visibility:hidden; position:absolute">
</div>

DTRSearch.php 它查询一行，这是一个带有提交按钮的简单表单，我希望此表单执行自动保存，但在此之前它应该显示表单 2 秒

<form action="GetDTRSearch.php" method="get">
        <input type="text" value="<?php echo  $id_number;>" name="ID_Number" /><br />
        <input type="text" value="<?php echo  $fullname; ?>"name="Fullname" /><br />
        <p class="Ok"><input type="submit" value="Click Confirm" /></p>

Answer 1

将按钮更改为简单按钮，而不是输入类型提交。相反，请向“提交”按钮添加一个单击监听器。点击监听器应调用 setTimeout() 函数在 2 秒后执行表单提交。

<form id="theForm" action="DTRSearch.php" method="get">
        <input type="text" value="<?php echo  $id_number;>" name="ID_Number" /><br />
        <input type="text" value="<?php echo  $fullname; ?>"name="Fullname" /><br />
        <p class="Ok"><button id="submitButton" value="Click Confirm" /></p>

然后，假设您有 JQuery，请添加以下脚本:

<script>
$(document).ready(function() {
    $("#submitButton").click(function() {
        setTimeout(function() {
            $("#theForm").submit();
        }, 2000);
    });
});
</script>