是否可以在2秒后写入输入文本并在标签上显示?

时间:2018-04-19 20:19:25

标签: javascript timer

我有一个问题我尝试在输入文字上写字并在标签上显示文字,但我希望在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>

1 个答案:

答案 0 :(得分:1)

你可以使用setTimeout函数。

假设您的输入ID为inTest且标签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>