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

但点击提交后，时钟会自动暂停...并在firebugs 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()); 
    } 
});

document.getElementById（“clock”）为null

2 个答案: