Question

下面的脚本显示静态日期和时间。

如何使小时，分钟和秒动态？

我希望显示数字时间的变化（如电子手表）。

我在表单中传递变量。

<input id="date1" name="date1">

<script type="text/javascript">
<!--
var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
var seconds = currentTime.getSeconds()

document.write(month + "-" + day + "-" + year+ "-" + hours+ "-" + minutes+ "-" + seconds)

document.getElementById('date1').value = (month + "-" + day + "-" + year+ "-" + hours+ "-" + minutes+ "-" + seconds);
</script>

Answer 1

使用setInterval（）

一种简单的方法是使用间隔为1秒（1000毫秒）的setInterval（），这将导致您的代码每1秒执行一次：

＆＃13;

<input id="date1" name="date1">

<script type="text/javascript">
<!--

setInterval(function(){
  var currentTime = new Date()
  var month = currentTime.getMonth() + 1
  var day = currentTime.getDate()
  var year = currentTime.getFullYear()
  var hours = currentTime.getHours()
  var minutes = currentTime.getMinutes()
  var seconds = currentTime.getSeconds()
  document.getElementById('date1').value = (month + "-" + day + "-" + year+ "-" + hours+ "-" + minutes+ "-" + seconds);
}, 1000);
</script>

＆＃13;

Answer 2

这将每秒刷新你的时间：

    setInterval(function showTime() {
        var currentTime = new Date();
        var month = currentTime.getMonth() + 1;
        var day = currentTime.getDate();
        var year = currentTime.getFullYear();
        var hours = currentTime.getHours();
        var minutes = currentTime.getMinutes();
        var seconds = currentTime.getSeconds();

        document.getElementById('date1').value = (month + "-" + day + "-" + year + "-" + hours + "-" + minutes + "-" + seconds);
    }, 1000);

<body>
<input id="date1" name="date1">

Javascript数字计时表格

2 个答案: