javascript - 是否可以在输入文本上书写并在 2 秒后显示在标签上？

Question

我有一个问题，我尝试在输入文本上书写并在标签上显示文本，但我想在 2 秒后显示文本，例如，在输入“保存”上书写，2 秒后在标签上显示“保存” .我现在有它，但我不知道如何等待 2 秒才能将其打印在标签上。

<script>
function show() {



var ingreso1 = document.show__.ingreso1.value;
   try{
       ingreso1 = (isNaN(parseInt(ingreso1)))? 0 : parseInt(ingreso1);
       document.show__.total.value = ingreso1;
   }
   catch(e) {}
}
</script>

<form name="show">
<input type="text" name="ingreso1" onKeyUp="Suma()"><br><br>
<input type="text" name="total" disabled><br>
</form>

Answer 1

您可以使用 setTimeout 函数。

假设你的输入id是inTest，label id是lblTest

代码将是:

function handleOnchange(eventArg){
  console.log(eventArg.target.value);
  setTimeout(function(val){ 
  
    document.getElementById('lblTest').value = val;
  
  }, 2000, eventArg.target.value);
}

<form name="show">
<input type="text" name="ingreso1" onKeyUp="handleOnchange(event)" id="inTest" /><br><br>
<input type="text" name="total" disabled id="lblTest" /><br>
</form>