Question

首先，计时器可以双击，但我希望它能单击一下。其次，停止按钮不起作用。

JS：

var clock;      
$(document).ready(function() {          
    clock = $('.clock').FlipClock({
        clockFace: 'MinuteCounter',
        autoStart: false    
    });        
    $('#start').click(function(e){
        e.preventDefault();
        clock.start();
        $(this).attr('id', 'stop');
        $('#stop').html('Stop');
    });
    $('#stop').click(function(e){
        e.preventDefault();
        clock.stop();
        $(this).attr('id', 'start');
        $('#start').html('Start');
    });
});

HTML：

<div class="col-md-8 center-block clock" ></div>
<button id="start" class="btn-default center-block">Start</button>

Answer 1

如果根据您的评论解决了双击问题，那么使用相同按钮切换的另一个问题可以这样完成：

拥有全局isTicking变量并最初将其设置为false。
在#start的点击处理程序中，您可以执行以下操作：

if (!isTicking){
    isTicking=true;
    clock.start();
    $(this).html('Stop');
}else{
    isTicking=false;
    clock.stop();
    $(this).html('Start');
}

这有帮助吗？

单击JQuery FlipTimer启动/停止

1 个答案: