问答详情
源自:8-3 计时器setInterval()

时间更新问题

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定时器</title>
<script type="text/javascript">
  var attime;
  function clock(){
    var time=new Date();         
    attime=document.write(time.getHours()+":"+time.getMinutes()+":"+time.getSeconds());
    document.getElementById("clock").value = attime;
  }
  setInterval(clock,100)
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50"  />
</form>
</body>
</html>

为什么时间不能自动更新

提问者:慕田峪6997291 2017-03-10 21:01

个回答

  • ugly_birds
    2017-03-11 10:11:51
    已采纳

     attime=document.write(time.getHours()+":"+time.getMinutes()+":"+time.getSeconds());
        document.getElementById("clock").value = attime;

    attime只是作为一个中间变量 为了赋值给 id=clock 的text 文本框(<input type="text" id="clock" size="50"  />) 所以不用写出document.write(。。。。。。。。。。。。)   

    个人见解

  • billiskilled
    2017-03-10 21:17:07

    我去试了试,感觉问题出在attime=document.write(time.getHours()+":"+time.getMinutes()+":"+time.getSeconds());这一句,把document.write删了就好了。

    至于问什么目前我也不是很懂。但是,应该和document.write的机制有关系。