How to make global totaltime , or fix this?

How to make global totaltime , or fix this?

var f1 = function() {

    if ( $( this ).is( ":first-child" ) ) {
        $( ".workbox" ).empty();
        var ajaxTime= new Date().getTime();
        var totalTime = 0;
        $.ajax({  
            type: 'GET',  
            url: '<?php echo admin_url('admin-ajax.php');?>',  
            data: { action : 'codepen' },  
            success: function(data) { 
                $( '.workbox' ).append( data ); 
            }, 
        }).done(function() {
             totalTime = new Date().getTime()-ajaxTime;
        });
    }
  
    $( ".SelectLoad > div" ).unbind('click');
     
    setTimeout(function() {
         $( ".SelectLoad > div" ).click(f1);
    }, totalTime);
    //alert(window.totalTime);
      //alert(totalTime);
}
$( ".SelectLoad > div" ).click(f1);