javascript - 在开始停止按钮jquery之间切换

Question

嘿，我正在尝试创建一个开始停止按钮，可以在一个按钮中相互切换....我让它与停止一起工作，但之后似乎无法让它回到开始

这是我正在做的小提琴

http://jsfiddle.net/hUYZv/4/

这是js

 $('#start_timer_button').on('click', function(e){
     e.preventDefault();
     $('.stop_button').removeClass('stop_button');
     $(this).text('stop').addClass('stop_button');
 });

继承人的html

 <button id='start_timer_button'> Start Timer</button>

Answer 1

尝试这个：

$('#start_timer_button').on('click', function (e) {
    e.preventDefault();
    $(this).text(function (_, text) {
        return text === 'stop' ? 'Start Timer' : 'stop';
    }).toggleClass('stop_button');
});

小提琴演示

Answer 2

尝试设置一个 if 语句来检查它是否应该启动或停止。

if ($(this).hasClass('stop_button')) {

这是它的jsfiddle：开始/停止按钮