javascript - 使用 Javascript 的内部毫秒时钟预填充表单字段

Question

我的网站上有一个表单，需要用当前的 UNIX 毫秒时间戳预先填充。

我确实有另一个表单字段(同一表单)，它使用以下代码成功预填充了日期(月、日、年):

 <div>DATE<br><input name="date" id="date"></div>

 <script>
 (function() {
 var days = ['','','','','','',''];
 var months =
['Jan','Feb','Mar','Apr','May','June','July','Aug','Sept','Oct','Nov','Dec'];
Date.prototype.getMonthName = function() {
return months[ this.getMonth() ]; };
Date.prototype.getDayName = function() {
return days[ this.getDay() ]; }; })();
var now = new Date();
var day = now.getDayName();
var month = now.getMonthName();
document.getElementById('date').value = day + ' ' + month + ' ' + 
now.getDate() + ', ' + now.getFullYear();
</script>

但是...当尝试使用以下代码使用 Unix 毫秒时间戳预填充第二个表单字段时，我没有同样的运气:

 <div>TIMESTAMP URL<br><input name="timeStampURL" id="timeStampURL"></div>

 <script>
 var d = new Date();
 document.getElementById('timeStampURL').innerHTML = d.getTime();
 </script>

我不明白为什么这两个代码的行为不同，但任何有关如何让该脚本预填充字段的建议将不胜感激。

Answer 1

输入元素没有任何内容，因此设置其 innerHTML 属性不会执行任何操作。您的第一个函数是设置 value 属性，第二个函数也应该如此:

function showTimeValue() {
  document.getElementById('timeValue').value = Date.now();
}

window.onload = showTimeValue;

<input id="timeValue">
<button onclick="showTimeValue()">Update time value</button>

每次运行代码时，您都会获得更新的值。