使用 javascript 更新输入字段值
Update Input field value with 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">
更新:
使用 new Date().getTime()
获取当前时间戳并将其与 Math.random()
结合以获得重复概率最小的随机数。
您的方法是正确的,但是您的代码存在一些问题,例如未定义的函数 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 函数,它每秒用一个新数字更新一个输入字段。这基本上就是我希望我的函数可以做的事情,希望有人可以指点我做错了什么。
<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">
更新:
使用 new Date().getTime()
获取当前时间戳并将其与 Math.random()
结合以获得重复概率最小的随机数。
您的方法是正确的,但是您的代码存在一些问题,例如未定义的函数 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" />