Question

I want a function that stops a page from loading if Google Plus One couldn’t load in 5 seconds. In our country sometimes the HTTPS port is blocked by the telecommunications department and we don’t have access to apis.google.com. It is not just slow, we realy don’t have access to the HTTPS port. If this is the case I want some way of stopping the page from loading when we can’t access https://apis.google.com/js/plusone.js. How can I do this?

Answer 1

Just check to see if the Plusone script loads within 5 seconds, like so:

var i=0, checkPlusone = setInterval(function() {
    if (typeof gapi!='undefined') {
        if (gapi.hasOwnProperty('plusone')) {
             clearInterval(checkPlusone);
             console.log('Plusone loaded');
        }
    }
    if (i>5000) {
         clearInterval(checkPlusone);   
         console.log('Plusone not loaded');
         window.location = "http://www.mypage.com/no_plusone.html"; //redirect to error page
    }
    i=i+300;
}, 300);

FIDDLE