jQuery实现定时器写个时钟

数字时钟

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>定时器的应用1</title>
            <!-- 引用jQuery -->
            <script src="JQuery.js"></script>
            <style type="text/css">
            <!-- 给时钟设置一点简单的样式 -->
                .div1 {
                    text-align: center;
                    font-size: 100px;
                    color: red;
                    background-color: black;
                    font-weight: 900;
                    margin-top: 200px;
                }
                .div1 span {
                    margin-right: 20px;
                }
            </style>
        </head>
        <body>
        <!-- 写三个span分别表示时分秒 -->
            <div class="div1">
                <span>00</span>:
                <span>00</span>:
                <span>00</span>
            </div>
            <script>
            <!-- 用于判断是否小于十,小于十就在前面加个0,美观 -->
                function dodoke(n){
                    if(n < 10) {
                        return "0" + n;
                    }else{
                        return "" + n;
                    }
                }

            <!-- 给每个span的html()赋值为当前的时分秒,并且调用上面的函数判断是否为小于十的数 -->
                function time(){
                    var low = new Date();
                     $("span").eq(0).html(dodoke(low.getHours()));
                     $("span").eq(1).html(dodoke(low.getMinutes()));
                     $("span").eq(2).html(dodoke(low.getSeconds()));
                }
                <!-- 把time函数放到定时器里每秒钟获取一次时间 -->
                    setInterval(time,1000);
                <!-- 调用time()函数 -->
                    time();

            </script>
        </body>
    </html>
提供了三个函式 1 everyTime 时间间隔 [计时器名称] 函式名称 [次数限制] [等待函式程序完成] 2 oneTime 时间间隔 [计时器名称] 呼叫的函式 3 stopTime [计时器名称] [函式名称] everyTime 时间间隔 [计时器名称] 函式名称 [次数限制] [等待函式程序完成] 每1秒执行函式test function test { do something } $ "body" everyTime "1s" test ; 每1秒执行 $ "body" everyTime "1s" function { do something } ; 每1秒执行 并命名计时器名称为A $ "body" everyTime "1s" "A" function { do something } ; 每20秒执行 最多5次 并命名计时器名称为B $ "body" everyTime "2das" "B" function { do something } 5 ; 每20秒执行 无限次 并命名计时器名称为C 若时间间隔抵到 但函式程序仍未完成则需等待执行函式完成后再继续计时 $ "body" everyTime "2das" "C" function { 执行一个会超过20秒以上的程式 } 0 true ; oneTime 时间间隔 [计时器名称] 呼叫的函式 倒数10秒后执行 $ "body" oneTime "1das" function { do something } ; 倒数100秒后执行 并命名计时器名称为D $ "body" oneTime "1hs" "D" function { do something } ; stopTime [计时器名称] [函式名称] 停止所有的在$ "body" 上计时器 $ "body" stopTime ; 停止$ "body" 上名称为A的计时器 $ "body" stopTime "A" ; 停止$ "body" 上所有呼叫test 的计时器 $ "body" stopTime test ; 自定义时间单位 打开源代码 找到 powers: { Yeah this is major overkill "ms": 1 "cs": 10 "ds": 100 "s": 1000 "das": 10000 "hs": 100000 "ks": 1000000 }">提供了三个函式 1 everyTime 时间间隔 [计时器名称] 函式名称 [次数限制] [等待函式程序完成] 2 oneTime 时间间隔 [计时器名称] 呼叫的函式 3 stopTime [计时器名称] [函式名称] [更多]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值