zoukankan      html  css  js  c++  java
  • js计时功能

            //个位秒加
            function time4jia() {
                //分钟60为上限 所有加停止
                if (sz(a('time1').innerHTML) == 6) {
                    return;
                }
                var m4 = sz(a('time4').innerHTML);//取个位秒
                if (m4 < 9) {
                    //0-8秒 个位秒+1 并计算理论分
                    a('time4').innerHTML = (m4 + 1);
                    Llf();
                }
                else {
                    //当前9秒 个位秒置0 
                    a('time4').innerHTML = 0;
                    //执行十位秒加1操作
                    time3jia();
                }
            };
    
            //十位秒加
            function time3jia() {
                //分钟60为上限 所有加停止
                if (sz(a('time1').innerHTML) == 6) {
                    return;
                }
                var m3 = sz(a('time3').innerHTML);//取十位秒
                if (m3 < 5) {
                    //0-4秒 十位秒+1 并计算理论分
                    a('time3').innerHTML = (m3 + 1);
                    Llf();
                }
                else {
                    //当前5秒 十位秒置0 
                    a('time3').innerHTML = 0;
                    //执行个位分加1操作
                    time2jia();
                }
            };
    
            //个位分加
            function time2jia() {
                //分钟60为上限 所有加停止
                if (sz(a('time1').innerHTML) == 6) {
                    return;
                }
                var m2 = sz(a('time2').innerHTML);//取个位分
                if (m2 < 9) {
                    //0-8分 个位分+1 并计算理论分
                    a('time2').innerHTML = (m2 + 1);
                    Llf();
                }
                else {
                    //当前9分 个位分置0 
                    a('time2').innerHTML = 0;
                    //执行十位分加1操作
                    time1jia()
                }
            };
    
            //十位分加
            function time1jia() {
                //分钟60为上限 所有加停止
                if (sz(a('time1').innerHTML) == 6) {
                    return;
                }
                var m1 = sz(a('time1').innerHTML);//取十位分
                if (m1 < 6) {
                    //0-5分 十位分+1 
                    a('time1').innerHTML = (m1 + 1);
                    if (sz(a('time1').innerHTML) == 6) {
                        //十位分+1后为上限6 则其它归0
                        a('time4').innerHTML = 0;
                        a('time3').innerHTML = 0;
                        a('time2').innerHTML = 0;
                    }
                }
                Llf();//最后计算理论分
            };
    
            //个位秒减
            function time4jian() {
                var m4 = sz(a('time4').innerHTML);//取个位秒
                if (m4 > 0) {
                    //个位秒大于0 则-1 并计算理论分
                    a('time4').innerHTML = (m4 - 1);
                    Llf();
                }
                else {
                    //个位秒为0时 减成9 再执行十位秒减1操作
                    a('time4').innerHTML = 9;
                    time3jian();
                }
            };
    
            //十位秒减
            function time3jian() {
                var m3 = sz(a('time3').innerHTML);//取十位秒
                if (m3 > 0) {
                    //十位秒大于0 则-1 并计算理论分
                    a('time3').innerHTML = (m3 - 1);
                    Llf();
                }
                else {
                    //十位秒为0时 减成5 再执行个位分减1操作
                    a('time3').innerHTML = 5;
                    time2jian();
                }
            };
    
            //个位分减
            function time2jian() {
                var m2 = sz(a('time2').innerHTML);//取个位分
                if (m2 > 0) {
                    //个位分大于0 则-1 并计算理论分
                    a('time2').innerHTML = (m2 - 1);
                    Llf();
                }
                else {
                    //个位分为0时 减成9 再执行十位分减1操作
                    a('time2').innerHTML = 9;
                    time1jian();
                }
            };
    
            //十位分减
            function time1jian() {
                var m1 = sz(a('time1').innerHTML);//取十位分
                if (m1 > 0) {
                    //十位分大于0 则-1 并计算理论分
                    a('time1').innerHTML = (m1 - 1);
                }
                else {
                    //当十位分为0时 再减 则全部归0
                    a('time4').innerHTML = 0;
                    a('time3').innerHTML = 0;
                    a('time2').innerHTML = 0;
                    a('time1').innerHTML = 0;
                }
                Llf();//最后计算理论分
            };
    
            //循环事件标记变量
            var int = 0;
    
            //倒计时启动
            function qidong() {
                time4jian();
                int = self.setInterval("time4jian()", 1000);
                a('startbtn').style.display = "none";
                a('stopbtn').style.display = "";
            };
    
            //倒计时停止
            function tingzhi() {
                window.clearInterval(int);
                a('startbtn').style.display = "";
                a('stopbtn').style.display = "none";
            };
    <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" height="100%">
                                <tr>
                                    <td align="right" valign="bottom" class="auto-style1"></td>
                                    <td align="center" valign="bottom" class="auto-style1">
                                        <input type="button" value="+" class="shengyu" onClick="time2jia();"></td>
                                    <td align="center" valign="bottom" class="auto-style1">
                                        <input type="button" value="+" class="shengyu" onClick="time3jia();"></td>
                                    <td align="left" valign="bottom" class="auto-style4">
                                        <input type="button" value="+" class="shengyu" onClick="time4jia();"></td>
                                </tr>
                                <tr>
                                    <td align="right" class="auto-style1">
                                        <span id="time1" class="daojishi">2</span>
                                    </td>
                                    <td align="center" class="auto-style1">
                                        <span id="time2" class="daojishi">0</span>
                                    </td>
                                    <td align="left" class="auto-style1">
                                        <span class="daojishi">:</span>
                                        <span id="time3" class="daojishi">0</span>
                                    </td>
                                    <td align="left" class="auto-style4">
                                        <span id="time4" class="daojishi">0</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" valign="top" class="auto-style1"></td>
                                    <td align="center" valign="top" class="auto-style1">
                                        <input type="button" value="-" class="shengyu" onClick="time2jian();"></td>
                                    <td align="center" valign="top" class="auto-style1">
                                        <input type="button" value="-" class="shengyu" onClick="time3jian();"></td>
                                    <td align="left" valign="top" class="auto-style4">
                                        <input type="button" value="-" class="shengyu" onClick="time4jian();"></td>
                                </tr>
                            </table>
  • 相关阅读:
    Linux nfs服务讲解
    Linux nfs服务介绍
    牛客网题目-数组中只出现1次的数字
    牛客网中矩阵中的路径
    求链表的第一个公共节点
    C++中STL中简单的Vector的实现
    牛客网栈的压入,和弹出序列
    C++智能指针
    CI Weekly #22 | flow.ci 新版 iOS 构建流程的 4 大变化
    CI Weekly #21 | iOS 持续集成快速入门指南
  • 原文地址:https://www.cnblogs.com/spider024/p/3156692.html
Copyright © 2011-2022 走看看