                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

.onclick=function(){}这种形式的问题

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
</head>
<script type="text/javascript">
  var num=0;
  var i;
  var start=document.getElementById('start');
  var stop=document.getElementById('stop')
 start.onclick=function(){
    document.getElementById('count').value=num;
    num=num+1;
    i=setTimeout("startCount()",1000);
  }
stop.onclick= function(){
  clearTimeout(i);
  }
</script>
</head>
<body>
  <form>
    <input type="text" id="count" />
    <input type="button" id="start" value="Start"  />
    <input type="button" id="stop" value="Stop"   />
  </form>
</body>
</html>
请问这样为什么不可以？

天晴云开

2015-08-12

源自：JavaScript进阶篇 8-6

关注问题我要回答

972

操作

收起

5 回答

目睹了整个事件的徐先生
2015-09-22

i=setTimeout("startCount()",1000); 里面startCount() 几个意思？

0 回复有任何疑惑可以回复我~

收起回答

丶小八戒
2015-08-12

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
</head>
</head>
<body>
  <form>
    <input type="text" id="count" />
    <input type="button" id="start" value="Start"/>
    <input type="button" id="stop" value="Stop"/>
  </form>
</body>
<script type="text/javascript">
  var num=0;
  var i;
  var start=document.getElementById('start');
  var stop=document.getElementById('stop');
  start.onclick=function(){
    document.getElementById('count').value=num;
    num=num+1;
    i=setTimeout("startCount()",1000);
  }
  stop.onclick= function(){
    clearTimeout(i);
  }
</script>
</html>

把script部分放到下面来，你执行脚本的时候，html元素可能还没加载到。