JavaScript 时钟的简单示例

发布时间:2019-11-05编辑:脚本学堂
分享一例javascript实现的简单时钟代码,date日期类的简单实例,感兴趣的朋友可以参考下。

本节内容:
javascript 时钟

如何用javascript实现一个简单的时钟效果呢?
请看下面的代码:
 

复制代码 代码示例:

<html>
<head>
<title>JS简单时钟-www.jb200.com</title>
<script>
    function displayTime() {
        document.getElementById("time").innerHTML = new Date().toTimeString();
    }

    setInterval(displayTime,1000);  // 每隔1秒钟调用displayTime函数
</script>
</head>
<body>
    <p id="time"></p>
</body>
</html>

效果如下图:
11.jpg
>>>查看更多javascript 教程