javascript - ClearTimeout doesn't work when called at beginning of the function

Question

I have a function that with a setTimeout. The very first part of the function sets the timeout to clear just in case it's called it again before the setTimeout fires.

The clearTimeout doesn't clear the timer. I've tested clearTimeout(spinTimer) after the part in the function where the setTimeout is called and it works. Why doesn't it work at the beginning?

I've declared the variable globally already:

var spinTimer;

function cakeCubeSpin(whereTo){

    clearTimeout(spinTimer);

    ... do some stuff

    switch(whereTo){
    case 1:
        var spinTimer = setTimeout( function(){
            $('#ccPanel4').css(leftReset);
            $('#ccPanel2').css(rightReset);
            $('#ccPanel3').css(backReset);
            $('#ccPanel1').css(frontReset);

            $('#cakeCubeWrapper').css(wrapReset);

            $('#ccPanel1').addClass('cc-current');
        }, ccSpeed);

    break;

    ... more stuff

}

Answer 1

您正在使用以下行重新确定范围： spinTimer

var spinTimer = setTimeout( function(){

我想你的意思是：

spinTimer = setTimeout( function(){