如何用按钮激活我的倒数计时器?

时间:2016-07-12 12:19:29

标签: javascript button timer countdown

我在javascript中写了一个倒计时器功能。它工作但它在我启动页面时启动。我希望它应该在点击按钮时启动。

  function startTimer(duration, display) {
        var timer = duration, minutes, seconds;
        setInterval(function () {

            minutes = parseInt(timer / 60, 10);
            seconds = parseInt(timer % 60, 10);

            minutes = minutes < 10 ? "0" + minutes : minutes;
            seconds = seconds < 10 ? "0" + seconds : seconds;

            display.text(minutes + ":" + seconds);

            if (--timer < 0) {
              //  timer = 0;

                time.style.display = "none";
                time2.style.display2 = "none";
                redxsms.style.display = "none";
                onaysms.style.display = "none";
                tekraruyarionay.style.display = "block";
                tekraruyarired.style.display = "block";

                // time.style.display="block";
                setTimeout(function () { location.reload() }, 5000);
            }
        }, 1000);
    }



   jQuery(function ($) {
        var fiveMinutes = 60 * 3,
            display = $('#time');
        display2 = $('#time2');
        startTimer(fiveMinutes, display);
        startTimer(fiveMinutes, display2);

    });

这是倒计时功能。

  <button class="ui toggle button" onclick="      hideshow(document.getElementById('onaysms')); show(this);" id="onaytoggle">

这是按钮,当我点击它应该激活。

<span id="time"></span>

当页面开始时,它会在单击按钮时如何启动?

1 个答案:

答案 0 :(得分:0)

将您的计时器通话插入&#34; onclick&#34;像这样的事件,当你点击按钮时会被触发。

如果您的页面上有多个按钮,我建议您在html中添加一个ID:id='timerToggle',然后将$("button.toggle")替换为{{1} }}

$("#timerToggle")