JavaScript实现一个数字时钟

怼烎@ 2022-05-16 08:00 253阅读 0赞

<html>
    
    <head>
        <script type="text/javascript">
            function startTime() {
                var today = new Date()
                var h = today.getHours()
                var m = today.getMinutes()
                var s = today.getSeconds()
                // add a zero in front of numbers<10
                m = checkTime(m)
                s = checkTime(s)
                document.getElementById('txt').innerHTML = h + ":" + m + ":" + s
                t = setTimeout('startTime()', 500)
            }
    
            function checkTime(i) {
                if (i < 10) {
                    i = "0" + i
                }
                return i
            }
        </script>
    </head>
    
    <body onload="startTime()">
        <div id="txt"></div>
    </body>
    
    </html>

## 参考： ##

[http://www.w3school.com.cn/tiy/t.asp?f=hdom\_timing\_clock][http_www.w3school.com.cn_tiy_t.asp_f_hdom_timing_clock]

[http_www.w3school.com.cn_tiy_t.asp_f_hdom_timing_clock]: http://www.w3school.com.cn/tiy/t.asp?f=hdom_timing_clock

发表评论取消回复

表情：

评论列表（有 0 条评论，253人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java 实现模拟时钟和数字日期时钟

Java 实现模拟时钟和数字日期时钟在本文中，我将向您展示如何使用 Java 编程语言实现一个模拟时钟和数字日期时钟。这个程序将显示当前时间，包括小时、分钟和秒，以及日期，

太过爱你忘了你带给我的痛/ 2023年10月14日 19:51/ 0 赞/ 37 阅读

相关 Qt：实现一个模拟时钟

1、创建QtGUI应用，基类选择QWidget，取消创建界面，类名Anolog Clock 2、analogclock.h头文件： ifndef ANALOGCLO

客官°小女子只卖身不卖艺/ 2023年01月12日 11:47/ 0 赞/ 147 阅读

相关 eda数字时钟设计vhdl_JavaScript数字时钟设计与编码实现

![c00c3e41591248f8c25df7d6b1efb1ad.png][] 简单数字时钟开发实例借助于JavaScript window对象所提供的计时触发函数s

r囧r小猫/ 2023年01月10日 11:53/ 0 赞/ 148 阅读

相关模拟实现一个时钟界面效果

android.os.Handler:通常产生的Thread对象在进程内同步调用System.currentTimeMillis()方法，这样可以取得系统时间。 java.l

左手的ㄟ右手/ 2022年09月24日 05:30/ 0 赞/ 197 阅读

相关 javascript时钟

<html> <head> <script type="text/javascript"> function startTime() \{ var toda

﹏ヽ暗。殇╰゛Y/ 2022年09月18日 10:53/ 0 赞/ 204 阅读

相关利用JavaScript实现简单网页时钟

利用JavaScript实现网页时钟，效果如下图所示： ![这里写图片描述][70] 首先在body中完成表盘、指针的资源载入： <div><img src="

小咪咪/ 2022年05月26日 11:51/ 0 赞/ 278 阅读

相关 JavaScript实现实时时钟

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</

超、凢脫俗/ 2022年05月20日 02:58/ 0 赞/ 266 阅读

相关 Javascript（二）javascript时钟实现

时钟实现实现这个时钟时间需要解决以下三个问题：获得当前时间，并格式化如何可以在页面中显示时间让时间动起来 1、获得当前时间，并格式化

痛定思痛。/ 2022年05月17日 02:47/ 0 赞/ 249 阅读

相关 JavaScript实现一个数字时钟

<html> <head> <script type="text/javascript"> function

怼烎@/ 2022年05月16日 08:00/ 0 赞/ 254 阅读

相关 javascript新建一个时钟

<script type="text/javascript"> //通过定时器来去无限执行clock的函数每隔一秒更新一下html中时钟

ゝ一纸荒年。/ 2022年01月26日 14:41/ 0 赞/ 294 阅读