的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()); 
    } 
});