javascript - 间隔不断变化？

Question

因此，在我的代码中，如果某个元素没有执行某些操作 [playing]，那么我将开始播放它。如果正在播放，请停止播放。我设法让它开始播放，但它永远不会停止。

var playing = false;
var current = 30;
$('#countDownContainer').click(function() {
        if (!playing) {
            playing = false;
            setInterval(function() {
                $('#workSpace label').get(0).innerHTML = current;
                current -= 1;
            },1000);
        } else {
            playing = true;
        }
    });

理论上，当用户点击#countDownContainer时，playing 将被设置为 false 并运行 setInterval 代码，如果它已经在播放， playing 将被设置为 true，并且当经过循环时它不会运行。但事实上，它不断地从30变化到29，然后再变回30。当我再次点击按钮时，它永远不会停止。请帮忙-谢谢

Answer 1

var clear= setInterval(function() {
                    $('#workSpace label').get(0).innerHTML = current;
                    current -= 1;
                },1000);

    clearinterval(clear);// to stop interval where you want
    //clearInterval(id_of_setinterval)

引用clearInterval