document.getElementById ("clock") является нулем

Question

у меня внутри часов есть время .. оно работает как текущее время, аналогичное времени ПК. Я использую этот код:

    <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">

, но после нажатия кнопки отправить часы автоматически приостанавливаются.... и показать ошибку в firebugs document.getElementById("clock") is null ... как сделать так, чтобы она работала нормально с помощью кода jquery?

Answer 1

Поместите код внутри функции готовности документа в jquery.

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

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

Answer 2

Трудно точно сказать, что вы пытаетесь спросить здесь, но это версия jQuery того, что вы делаете:

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