JavaScript 时间选择器实时插入

Question

连续我有一个时钟，它显示我登录的时间。我怎样才能让它成为现实，所以它一直在滴答作响并显示实时？请看图（20.03.21 22:25 行）厘米与时间<input type="text" class="light1" name="Date" value="[[:Date:]]" /><br/><input type="text" class="light1" id="txt" name="Now" readonly="readonly" value="[:NOW:]" /><span style="position:relative; top:0px; left:0px;"><a href="javascript:;" onclick="$('#AddDataForm input[name=Date]').val($('#AddDataForm input[name=Now]').val());" style="text-decoration:none; position:absolute; right:3px; top:-2px;">&uarr;</a></span>

Answer 1

如果您希望文本输入随着时间每秒更新一次，您可以实现如下所示：

<input type="text" id="myTime" />

<script>

    window.onload = function () {

        setInterval(function () {

            var newDate = new Date();

            document.getElementById('myTime').value = newDate.toLocaleString();

        }, 1000);

    }

</script>

Answer 2

取自时钟和日期 javascript的代码

const pad = num => ("0" + num).slice(-2);

const timedate = () => {

  const currentTime = new Date(new Date().getTime() + diff);

  let hours = currentTime.getHours();

  const minutes = pad(currentTime.getMinutes());

  const seconds = pad(currentTime.getSeconds());

  const d = currentTime.getDate();

  const day = pad(d);

  const month = pad(currentTime.getMonth() + 1);

  const yyyy = currentTime.getFullYear();

/*  let dn = "PM"

  if (hours <= 12) dn = "AM";

  if (hours >= 12) hours -= 12;

  if (hours == 0) hours = 12; */

  hours = pad(hours);

  timeOutput.value = "" +

    yyyy + "/" + month + "/" + day +

    " " +

    hours + ":" +

    minutes + ":" +

    seconds// + dn;

}

let timeOutput;

let serverTime;

let diff;

window.addEventListener("load", function() {

  timeOutput = document.getElementById("timedate");

  serverTime = new Date("2020/03/21 22:23:24");// change to new Date("[[:Date:]]"); for example

  diff = new Date().getTime() - serverTime.getTime();

  setInterval(timedate, 1000);

});

<input type="text" id="timedate" class="light1" name="Date" value="" /><br/>