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

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

来源：8-3 计时器setInterval()

弄花香满衣

2016-10-17 10:22

<!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>

写回答关注

3回答

lewandowski

2016-10-17 11:01:17

已采纳

你改成这样子：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定时器</title>
<script type="text/javascript">
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>
<input type="button" value="点击我啊" onclick="showTime()" />
<p id="clock"></p>
</form>
</body>
</html>

4 1

慕容7796...

('0'+mydate.getHours()).slice(-2)这个，0代表什么啊，为什么要加上零然后还要截取最后两个数，这和直接写mydate.getHours()不是一样吗？为什么那么写啊，跪求解答

2016-11-04 21:56:32

共 4 条回复 >
慕村1994845

2016-10-22 21:14:55

你可以参考本节举例中的样式来写；你的input标签里应该是设置有误；不是设置为按钮，要设置为text以显示动态时间

0 0
Irvingye_03890175

2016-10-17 11:15:22

setInterval(clock, 1000);放进方法里面

2 1

弄花香满衣

谢谢你，试过的还是没有效果！不过还是谢谢你的回答！

2016-10-17 15:33:29

共 2 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题

求指教，为什么按‘返回’没效果，而且倒计时了也没有显示网页？

回答 1

求大神指点下。点击“=”按钮，没有反应呢?

回答 2

为什么我点击点击按钮，点击按钮的上下内容都不见了？

回答 2

请大佬看一下，为什么点击stop时间还在动态显示

回答 2

为什么点击“=”按钮后没有反应？

回答 1

打开慕课网App查看更多内容