Как остановить функцию setInterval

13:24 10.06.2017
Функция setInterval запускает код внутри себя с установленным интервалом. Вот, например, данный код:
var n = 0;
setInterval(function() {
    alert(n);
    n++;
}, 5000);

Будет каждые пять секунд выводить на экран сообщение с цифрой, с каждым разом на единицу больше. Сообщение будет выводится бесконечно, покуда пользователь не закроет страницу. Чтобы остановить выполнение кода, что находится внутри функции setInterval, существует функция clearInterval. Для ее использования, необходимо функцию setInterval, загнать в переменную, затем при помощи этой переменной останавливать периодическое выполнение сценария, поместив ее в функцию clearInterval.

Допустим, нам необходимо остановить сценарий, когда переменная n будет равна пяти. Делаем так (код прокомментировал):
var n = 0;                             // Создаем переменную со значением "0"
var fnc = setInterval(function() {     // Создаем переменную с функцией "setInterval"
    alert(n);                          // Выводим текущее значение переменной "n"
    if (n == 3) {                      // Сравниваем значение переменной "n" с цифрой три
        clearInterval(fnc);            // Если переменная равна цифре три, останавливаем функцию "setInterval"
        alert('Stop Script');          // Выводим сообщение "Stop Script"
    };

    n++;                               // Прибавляем единицу к текущему значению переменной "n"
}, 5000);                              // Время интервала

Код выведет четы сообщения с цифрами от 0 до 3, затем появится сообщение с текстом: Stop Script. Скрипт остановлен.