Есть такой код

$('body').on('click', '#start_landolt', function (event) {
        $('#intro').hide();
        $('#test_wrapper').html(landolt_content).show();

        intervalID = setInterval(function() {
            if (i == 5) {
            //    endTest();
            } else {
                period = true;
                intervalID2 = setInterval(function() {
                    $('#test_wrapper').fadeTo(100, 0.3).fadeTo(100, 1.0);
                }, 100)
            }
            i++;
        }, 2000)

    })

    function scorePoint() {
        console.log(22);
    }

    cur_number = 0;
    $('body').on('click', '.circle_wrap_active', function (event) {
        click_number = parseInt($(this).attr('data-number'));
        if (period === true) {
            clearInterval(intervalID2);
            console.log('2 min end');
        //    scorePoint();
            period = false;
            return false;
        }
        if (click_number <=  cur_number) {
            return false;
        } else {
            cur_number = $(this).attr('data-number');
        }
        $('.circle', this).hide();
        $('.circle_cr', this).show();

    })

При первом запуске теста запускается setInterval. Он должен уходить в ф-ию кторая будет подсчитывать баллы (периодически за время выполнение теста. т.е несколько раз). Но кажды раз при этом у юзера сначала должен моргать экран. Он должен кликнуть (указать на каком месте он сейчас находиться) и только после моргание должно завершиться. Но в данном коде

clearInterval(intervalID2);

на это выдается ошибка, что intervalID2 не определена. Как это правильно реализовать?