制作秒表的Javascript问题?

时间:2017-11-20 17:07:16

标签: javascript jquery

目前我正在使用javascript制作秒表(确切地说是jquery)。

<body>
    <div class="background">
        <div class="stopwatch-background">
            <div class="boxes">
                <div class="border" id="minuteText"></div>
                <div class="big-semicolon">:</div>
                <div class="border" id="secondText"></div>
            </div>
            <div class="button-holder">
                <button class="btn btn-primary" id="start">Start</button>
                <button class="btn btn-primary" id="pause">Pause</button>
                <button class="btn btn-primary" id="reset">Reset</button>
            </div>
        </div>

    </div>

    <script type="text/javascript" >
        var start = false;
        var minuteHand = 30;
        var secondHand = 60;
        function setDefault(){
            minuteHand = 30;
            secondHand = 60;
        }
        function DecreaseValue() {
            if (start) {
                UpdateText();
                if (minuteHand >= 1) {
                    if (secondHand >= 1) {
                        secondHand--;
                    } else if (secondHand == 0) {
                        minuteHand--;
                        secondHand = 60;
                    }
                }
            }
        }

        function UpdateText() {
            $("#minuteText").html = minuteHand;
            $("#secondText").html = secondText;
        }
        $("#start").click(function () {
            start = true;
        });
        $("#pause").click(function () {
            start = false;
        });
        $("#reset").click(function () {
            setDefault();
            start = false;
        });
        setInterval(DecreaseValue, 1000);
    </script>

</body>

问题是$(“#start”)。html没有改变任何内容。我也不确定我的其他代码是否有效。请帮我。我没有发布任何CSS。

2 个答案:

答案 0 :(得分:2)

用于设置html内容的jquery语法如下所示,

function UpdateText() {
            $("#minuteText").html(minuteHand);
            $("#secondText").html(secondHand);
        }

.html是一个方法,值应该作为参数传递给它。看看documentation。您还需要将secondHand设置为html内容而不是secondText。

答案 1 :(得分:0)

试试这个:

        $("#minuteText").html(minuteHand+"");
        $("#secondText").html(secondHand+"");