时间更新问题

来源:8-3 计时器setInterval()

慕田峪6997291

2017-03-10 21:01

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

为什么时间不能自动更新

写回答 关注

2回答

  • 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(。。。。。。。。。。。。)   

    个人见解

    慕田峪699...

    非常感谢!

    2017-03-11 16:11:28

    共 1 条回复 >

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

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

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

    慕田峪699...

    谢谢提醒

    2017-03-11 16:12:20

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题