使用javascript更新输入字段值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用javascript更新输入字段值相关的知识,希望对你有一定的参考价值。

我正在尝试构建一个javascript函数,它将每秒使用一个新数字更新输入字段。这基本上是我希望我的功能可以做到的,希望有人可以给我一个关于我做错的指针。

<script>
   var myVar = setInterval(function(){ getNumber() }, 1000);

   function getNumber() {
     var x = round(microtime(true) * 1000);;
     document.getElementById("displaynum").value = x;

</script>

<input type="text" id="displaynum">
答案

你有几个问题:

  • 关闭功能的支架
  • 它是Math.round()而不仅仅是round()
  • 什么是microtime()?我用Math.random()替换它来生成一个随机数。

var myVar = setInterval(function() {
  getNumber()
}, 1000);

function getNumber() {
  var ts = new Date().getTime();
  var x = Math.round(ts*Math.random());
  document.getElementById("displaynum").value = x;
}
<input type="text" id="displaynum">
另一答案

您的方法是正确的,但您的代码存在一些问题,例如未定义的函数microtime

为了示例的目的,我用一个简单的计数器替换了microtime

var increment = getNumber();
var input = document.getElementById('displaynum');

var myVar = setInterval(function() {
  input.value = increment();
}, 1000);

function getNumber() {
  var x = 0;
  return function() {
    return x++;
  }
}
<input id="displaynum" type="text" />

以上是关于使用javascript更新输入字段值的主要内容,如果未能解决你的问题,请参考以下文章

如何通过jQuery / Javascript获取更新的表单输入值?

使用 JavaScript 将 qr 码生成的值放入输入字段的问题

javascript onsubmit 更改字段值

在javascript的输入数字类型字段中输入值时如何显示输入文本字段?

Javascript:只允许小于输入初始值的值

Javascript 未更新 <input> 值