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

网页中js代码调用先后问题

<!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;
  function startCount() {
    document.getElementById('count').value=num;
    num=num+1;
    var timesleep=setTimeout("startCount()",1000); 
  }
setTimeout("startCount()",1000); 
</script>
</head>
<body>
<form>
<input type="text" id="count"  />
</form>
</body>
</html>

这个里面JS代码的载入是先于html文件中的body部分的，但是js程序载入调用时浏览器还没有body部分的type="text"。本程序没报错是因为setTimeout（）延迟了1s调用startCount()，同时浏览器在这1s加载了整篇文档吗？

有没有大神给具体分析下情况？