时钟在Javascript中

san*_*box 2 javascript timer clock

我用javascript制作了一个时钟,但它是一个静态时钟.我需要在以下代码中进行哪些更改,以便每秒更新一次.

<html>
<head>
    <title>Javascript Clock</title>
    <script type="text/javascript">
        function clk() {
            var a=new Date();   
            document.getElementById("disp").innerHTML=a.getHours() + ":" + a.getMinutes() + ":" + a.getSeconds() ;

        }
    </script>
</head>

<body>
    <input type="button" onclick="clk()" value="Display Clock" />
    <p id="disp">Clock Space</p>
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

Twi*_*sol 6

您可以使用setInterval每秒运行clk()函数:

setInterval(clk, 1000); // run clk every 1000ms
Run Code Online (Sandbox Code Playgroud)

setInterval上的MDN

正如nnnnnn指出的那样,定时器间隔可能不会与实际的实时秒的同步,因此使用像100ms这样的间隔可能不是一个坏主意.