请问 我的代码有何问题?

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

Follower_1

2015-09-08 19:29


<!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 = time.getHours()+":"+time.getMinutes()+":"+time.getSeconds() ;
   // document.write(attime);
    document.getElementById("clock").value = attime;
  }
  setInterval(clock(),1000);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
</form>
</body>
</html>

浏览器出错提示是 :Uncaught TypeError: Cannot set property 'value' of null 第11行 document.getElementById("clock").value = attime;

写回答 关注

3回答

  • 落叶无痕
    2015-09-08 19:38:25
    已采纳

    你 document.getElementById("clock")写太前了,那时DOM树还没解析,还没有id为clock,只要把代码放在input标签后面就不会报错了。

    Follow...

    非常感谢!

    2015-09-08 19:42:28

    共 1 条回复 >

  • 落叶无痕
    2015-09-15 15:26:25

    setInterval(clock,1000),忽略了后面有一个延迟,那时候已经加载完成,多谢了

  • Follower_1
    2015-09-08 19:44:15

    如此看,js进阶篇,url http://www.imooc.com/code/1023 ,的作业代码需要调整位置?


    redRib... 回复kingry

    感谢!!!!

    2015-10-07 13:33:38

    共 2 条回复 >

JavaScript进阶篇

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

467382 学习 · 21877 问题

查看课程

相似问题