jquery - document.getElementById("clock") 为空

Question

我的表单中有一个时钟时间..它作为当前时间与 PC 时间相同..我使用这个代码：

    <script language="javascript">
            var int=self.setInterval("clock()",1000);
            function clock()
                             {
                                var d=new Date();
                                document.getElementById("clock").value=d.getHours() + ":"+d.getMinutes()+ ":" +d.getSeconds();
                           }
      </script>

<input type="text" id="clock" name="time">

但点击提交后时钟自动暂停...并在萤火虫显示错误document.getElementById("clock") is null...如何使用jquery代码使其正常工作？

Answer 1

很难确切地说出您要在这里问什么，但这是您正在做的事情的“jQuery”版本：

function updateClock() {
  var d=new Date();
  $("#clock").val(d.getHours() + ":"+d.getMinutes()+ ":" +d.getSeconds());
}
setInterval(updateClock,1000);

Answer 2

将代码放在 jquery 中的文档就绪函数中。

$(function(){
    var interval=self.setInterval("clock()",1000); 

    function clock() 
    { 
        var d=new Date(); 
        $("#clock").val(d.getHours() + ":"+d.getMinutes()+ ":" +d.getSeconds()); 
    } 
});