<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}
clock();
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
</form>
</body>
</html
按你写的代码,会先执行<script>里的函数clock(),再加载页面(即id为clock的文本框)。所以当你调用clock()函数,执行“document.getElementById("clock").value = time;”,是还没有id=clock这个文本框的,所以就不能搜索到它,并给它赋值了。如果你把<script>整段写在“<input type="text" id="clock" size="50" />”后面,就会发现,是可以调用的。
再来说为什么同样写在<head>的里的js,setInterval(clock,1000)就可以完成调用。因为setInterval()是window对象的方法,本身定义就是【加载页面后】每隔指定时间执行代码,所以用它的时候,它会在页面加载完,即先有文本框,再调用clock(),所以“document.getElementById("clock").value = time;”这句就有了意义,就能执行了。
用onload=clock()调用试试
把第11行的clock();改成:
setTimeout(clock);
就行了。
你光写clock()是不能执行该函数的
我也不知道。。求问