问答详情
源自：8-3 计时器setInterval()

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

<!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 10:22

个回答

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


    1
  • 慕村1994845
    2016-10-22 21:14:55

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

    0
  • Irvingye_03890175
    2016-10-17 11:15:22

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


    1