document.getElementById (« horloge ») est nul

Question

j'ai un temps d'horloge dans ma course form..it comme heure actuelle même avec le temps PC .. je suis utiliser ce code:

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

mais après avoir cliqué soumettre l'horloge mettre automatiquement en pause ... et montrer l'erreur à firebugs document.getElementById("clock") is null ... comment faire fonctionner normalement en utilisant le code jquery?

Answer 1

Difficile de dire exactement ce que vous essayez de demander, mais c'est la version « jQuery » de ce que vous faites:

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

Answer 2

Mettre le code dans le document fonction prêt à jquery.

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

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