How to achieve "Reference Variable" functionality

by Akram kamal

HTML

<button id="pause">Pause</button><hr/>
<span id="status">-?-</span>

JavaScript

main_funcs = {
    init: function(){;
		var pause_var=false
        // Function to pause/unpause var
        var pause_closure = function(){
            $('button#pause').click(function(){
                pause_var = ! pause_var;
                $(this).text(pause_var ? 'Unpause' : 'Pause')
            });
        };
        
        tools.do_interval(pause_closure,function(){
            return pause_var
        });
    }
};

tools = {
	do_interval: function(pause_ref,pausedF){
        var pause = false;
        var i=0
        pause_ref()
        pausedF()
        setInterval(function(){
            if(pausedF()){
            	$('span#status').text('Paused...');
            } else {
             	i++;   
                $('span#status').text('Interval # '+i);
            }
        }, 500);
    }
};

main_funcs.init();