Javascript JQuery FlipTimer单击启动/停止

首先，计时器在双击时工作，但我希望它在单击时工作。其次，停止按钮不工作

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');
    });
});

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

HTML:

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');
    });
});

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

开始

如果您的双击问题根据您的评论得到解决，那么使用相同按钮切换的其他问题可以这样做：

• 拥有一个全局

  变量

  并最初将其设置为

  false

• 在

  #start

  的单击处理程序中，您可以执行以下操作：

---

---

这有帮助吗？

如果您的双击问题根据您的评论得到解决，那么使用相同按钮切换的其他问题可以这样做：

• 拥有一个全局

  变量

  并最初将其设置为

  false

• 在

  #start

  的单击处理程序中，您可以执行以下操作：

---

---

这有帮助吗？

您没有停止按钮…FlipClock是插件吗？我不想有停止按钮，而是想在单击开始/停止时更改按钮的文本和id。您不必更改按钮的

id

，以触发启动和停止的单独回调。相反，你可以使用同一个按钮，并有一个布尔标志，让你知道时钟是否在滴答作响。你没有停止按钮。

FlipClock

是插件吗？我不想有停止按钮，相反，我想在单击开始/停止时更改按钮的文本和id。您不必更改按钮的

id

，以便启动和停止的单独回调。相反，你可以使用同一个按钮，并有一个布尔标志，让你知道时钟是否在滴答作响。你没有停止按钮。

FlipClock

是插件吗？我不想有停止按钮，相反，我想在单击开始/停止时更改按钮的文本和id。您不必更改按钮的

id

，以便启动和停止的单独回调。相反，您可以使用相同的按钮，并有一个布尔标志，让您知道时钟是否在滴答作响。