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

时间没有动态显示呀？为什么，而且按钮点击后就不见了，为什么，求大神指教。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定时器</title>
<script type="text/javascript">
function clock(){
var mydate=new Date();
atime=mydate.getHours()+":"+mydate.getMinutes()+":"+mydate.getSeconds()
document.write(atime);
document.getElementById("clock").value = atime;
}
setInterval(clock, 1000);
</script>
</head>
<body>
<form>
<input type="button" value="点击我啊" onclick="clock()" />
</form>
</body>
</html>

弄花香满衣

2016-10-17

源自：JavaScript进阶篇 8-3

关注问题我要回答

978

操作

收起

3 回答

lewandowski 回答被采纳 +3 积分
2016-10-17

你改成这样子：

<!DOCTYPE HTML>

<html>

<head>

function showTime(){

function clock(){

var mydate=new Date();

atime=('0'+mydate.getHours()).slice(-2)+":"+('0'+mydate.getMinutes()).slice(-2)+":"+('0'+mydate.getSeconds()).slice(-2)

document.getElementById("clock").innerHTML = atime;

}

setInterval(clock, 1000);

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

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

收起回答

弄花香满衣提问者

谢谢你的回答，我想问问为什么之前我的代码没有效果呀？

2016-10-17 回复有任何疑惑可以回复我~

lewandowski 回复弄花香满衣提问者

首先代码里面第11行document.getElementById("clock").value = atime;有错误，body里面没有id为clock的DOM元素，所以document.getElementById("clock").value会报错，然后setInterval(clock, 1000);没有放在函数里面，刷新页面会自动执行

2016-10-17 回复有任何疑惑可以回复我~

弄花香满衣提问者回复 lewandowski

恩恩，好的，谢谢你

2016-10-17 回复有任何疑惑可以回复我~