Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  
  <script>
  // setup our thirdParty.q (queue), to store function calls 
  // before thirdParty has been downloaded an initialized
​
  (function (window, document, tag, url, name, a, m) {
    window[name] = window[name] || function () {
     (window[name].q = window[name].q || []).push(arguments)
    };
    a = document.createElement(tag),
    m = document.getElementsByTagName(tag)[0];
    a.async = 1;
    a.src = url;
    m.parentNode.insertBefore(a, m)
  })(window, document, 'script', '//output.jsbin.com/xanupa.js', 'thirdParty');
  console.log('start calls');
  // these calls are qeued up
  thirdParty('init', '123456', 'pubkey-123456');
  thirdParty('send', {greeting: 'ello world'});
  
  // this should be run without using the queue
  setTimeout(function() {
    console.log('this makes sure thirdParty script can be called after it has processes queued items');
    thirdParty('send', {greeting: 'ello again'});
  }, 4000);
  console.log('end calls');
</script>
</body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
eddywasherepro
0viewers