Async Js Loader Demo

by Riccal

HTML

<div id="fb-root"></div>
<div 
    class="fb-like"
    data-href="https://github.com/lavoiesl/async-js-loader"
    data-send="false"
    data-width="450"
    data-show-faces="true">
</div>
<p>
    <a 
        href="https://twitter.com/share"
        data-url="https://github.com/lavoiesl/async-js-loader"
        class="twitter-share-button">
        Tweet
    </a>
</p>

JavaScript

(function () {
    var new_tag, base_tag = document.getElementsByTagName('script')[0];

    function loadScript(id, src, delay) {
        if (!document.getElementById(id)) {
            setTimeout(function () {
                new_tag = document.createElement('script');
                new_tag.id = id;
                new_tag.src = src;
                base_tag.parentNode.insertBefore(new_tag, base_tag);
            }, delay);
        }
    }
    loadScript('twitter-wjs', '//platform.twitter.com/widgets.js', 400);
    loadScript('facebook-jssdk', '//connect.facebook.net/en_US/all.js#xfbml=1', 400);
})();