的document.getElementById（“时钟”）为空

Question

我有我的form..it运行内部的时钟时间作为当前时间相同与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()); 
    } 
});