How to stop running countdown in jquery?

Question

I have a countdown running and on click button i want to stop this countdown.But its not working. This is my code

$(document).ready(function (){
var settimmer =1000;
var $dash_url="<?php echo DASH_URL;?>";
$(function (){
            var $interval=setInterval(function() {
                var timeCounter = settimmer;
                var updateTime = eval(timeCounter)- eval(1);
                if(updateTime => 0){
                    settimmer=updateTime;
                    $('.redirect').css({"color":"#FFF"});
                    $(".redirect").html('Redirecting You in '+settimmer+' Second');
                }
                if(updateTime <= 0){
                    clearInterval($interval);
                    window.location.replace($dash_url);
                    return false;
                }
            },1000);

    });
    $('.stop_timer').click(function (){
        clearInterval($interval);
    });

});

Answer 1

This will put your $interval variable in the right scope.

$(document).ready(function (){
var settimmer =1000;
var $dash_url="<?php echo DASH_URL;?>";
$(function (){
            var $interval=setInterval(function() {
                var timeCounter = settimmer;
                var updateTime = eval(timeCounter)- eval(1);
                if(updateTime => 0){
                    settimmer=updateTime;
                    $('.redirect').css({"color":"#FFF"});
                    $(".redirect").html('Redirecting You in '+settimmer+' Second');
                }
                if(updateTime <= 0){
                    clearInterval($interval);
                    window.location.replace($dash_url);
                    return false;
                }
            },1000);
            $('.stop_timer').click(function (){
                clearInterval($interval);
            });
    });
});