javascript - 如何使用 Javascript 函数在 HTML 表单中用时间填充多个字段？

Question

我有一个非常广泛的 HTML 表单，用于在复杂的制造过程中收集数据。数据收集要求用户在大约 80 个单独的字段中标记日期和时间 - 我使用按钮作为每个数据字段的标签。

我有一个 JavaScript 函数，可以为单个字段提供所需的结果 - 但我不想重复该函数的代码并更改每个必需条目的名称。

我是 Javascript 的新手，只是 HTML 的初学者 - 但我知道这是可以做到的......我只是不知道如何做。我知道这与将我的 HTML 字段的 ID 标记(进入循环？)作为代码中的变量传递有关...但我不清楚如何。

这是我考虑用于我的时间戳的代码(为 1 个字段设置):

<script type="text/javascript">
function getClockTime()
{
   var now    = new Date();
   var hour   = now.getHours();
   var minute = now.getMinutes();
   var second = now.getSeconds();
   if (hour   < 10) { hour   = "0" + hour;   }
   if (minute < 10) { minute = "0" + minute; }
   if (second < 10) { second = "0" + second; }
   var timeString= hour +
                    ':' +
                    minute +
                    ':' +
                    second
document.getElementById("txtTime").value = timeString;
}
</script> 

如果有人能给我提供有关如何处理此问题的线索，我将不胜感激。

Answer 1

首先，如果你修改你的JS函数返回一个值，你可以多次调用它并重用代码。所以替代:

document.getElementById("txtTime").value = timeString;

对于

return timeString;

然后，当您有可用的 jQuery 时，您可以遍历需要日期的字段。如果你给他们一类“dateField”(例如)，即 <input class="dateField" type="text" name="whatever" /> ，然后你可以这样做:

$(".dateField").val(getClockTime());

编辑: 其他答案正确地指出调用 getClockTime() 是不必要的密集操作(它也可能让您得到不同的时间)。因此，正如建议的那样，一个更简单、性能更好的版本:

theTime=getClockTime();
$(".dateField").val(theTime);