慕田峪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>
为什么时间不能自动更新
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(。。。。。。。。。。。。)
个人见解
我去试了试,感觉问题出在attime=document.write(time.getHours()+":"+time.getMinutes()+":"+time.getSeconds());这一句,把document.write删了就好了。
至于问什么目前我也不是很懂。但是,应该和document.write的机制有关系。
JavaScript进阶篇
468060 学习 · 21891 问题
相似问题