键入文本页面加载

Question

var speed = 'speed';   

$(window).load(function() {
    $("div").fadeOut(speed, function() {
        $('a[href], button[href]').click(function(event) {
            var url = $(this).attr('href');
            if (url.indexOf('#') == 0 || url.indexOf('javascript:') == 0) return;
            event.preventDefault();
            $("div").fadeIn(speed, function() {
                window.location = url;
            });a
        });
    });
}); 

// tipewriter by roXon //

var $el = $('p'),
    txt = $el.text(),
    txtLen = txt.length,
    timeOut,
    char = 0;

(function typeIt() {   
    var humanize = Math.round(100);
    timeOut = setTimeout(function() {
        char++;
        var type = txt.substring(0, char);
        $el.text(type);
        typeIt();

        if (char == txtLen) {
            clearTimeout(timeOut);
        }

    }, humanize);
}());

我有一个页面加载器和里面的文本。

我想要的是：当加载结束时，键入文本。因此，打字时间取决于装载机的时间。

MY JS：http://jsfiddle.net/37bLhm80/1/