How can i know when the library is fully loaded

Question

how can i t change this code to run the function when the js library finish loading? uisng vanilla javascript

because i'm using a timer that didn't worked for slow internet connection

imported = document.createElement('script');
imported.src = 'https://pastebin.com/raw/dRap1YD8';
document.head.appendChild(imported);

    var delayInMilliseconds = 1000; 

setTimeout(function() {
.
.
.
}, delayInMilliseconds);

Note that pastebin is just for test

This has been asked before, you would want to look at Promises. https://stackoverflow.com/questions/34638221/load-jquery-with-javascript-using-promises — Snowmonkey, Jul 31 '19 at 20:24

Mauricio Sipmann · Accepted Answer · 2020-10-08T21:12:37.417

3

What you are looking for is the onLoad method. Take a look here at the api, It's gonna look like

imported.onload = function() { alert('loaded'); }

edited Oct 08 '20 at 21:12

answered Jul 31 '19 at 20:24

Mauricio Sipmann

465
6
21

Thank you, work like a charm – user11845248 Jul 31 '19 at 21:07

score 1 · Answer 2 · answered Jul 31 '19 at 20:28

1

Do like:

var imported = document.createElement('script');
imported.onload = function(){
  /* it's loaded - do stuff here */;
}
imported.src = 'https://pastebin.com/raw/dRap1YD8';
document.head.appendChild(imported);

Make sure you put your load Event before you assign the .src, otherwise it may never fire.

answered Jul 31 '19 at 20:28

StackSlave

10,613
2
18
35

Thank you so much, i accepted the answer of @Mauricio because he replied first – user11845248 Jul 31 '19 at 21:09

How can i know when the library is fully loaded

2 Answers2