使用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>

​

每次运行代码时，都会得到一个更新的值。