jquery旋转器加载后，如何加载主体内的内容

我试图在加载特定时间的页面时显示jQuery微调器。加载Spinner后，应该显示body标签中的内容。

我已经尝试过了，jQuery旋转器正在工作，之后，正文内的内容不显示。

我的代码是，

<script type="text/javascript">
    jQuery(function ($) {
        "use strict";
        var element = $('<div></div>').css({
            width: 500,
            height: 500,
        }).appendTo('body');
        element.canvasLoader({
            color: '#ff0000'
        });
        element.canvasLoader(false);
        element.canvasLoader(true);
        element.canvasLoader.options[0].color = '#008000';
        $(element).trigger('stop.canvasLoader');
        $(element).trigger('start.canvasLoader');
        $(element).trigger('destroy.canvasLoader');
        $.fn.canvasLoader.options.customOptionsSet = {
            color: '#ffff00'
        };
        $(element).canvasLoader('customOptionsSet');
        $.fn.canvasLoader.options.defaults.color = '#0000ff';
        $(element).data({
            canvasLoaderShape: 'rect',
            canvasLoaderColor: '#00ffff'
        }).canvasLoader('attr');
        $(element).css({
            'font-family': 'oval',
            'color': '#ff00ff',
            'line-height': '103px',
            'letter-spacing': '71px',
            'word-spacing': '.4px',
            'font-size': '2px',
            'text-indent': '26px'
        }).canvasLoader('css');
        var deferred = $.Deferred();
        $(element).canvasLoader({
            //start:deferred.promise()
            start: false
        }).canvasLoader(deferred.promise());
        setTimeout(deferred.resolve, 3000);
        //setTimeout(deferred.reject,3000);
        var version = $.fn.canvasLoader.version;
    });
</script>

有什么方法可以这样做吗?

JSFiddle链接为:http://jsfiddle.net/efhL2bxm/