Home/ Questions/How to wait for element to load with jquery?
Next
In Process
Sana Wilson
  • 9
Asked: 2022-04-18T02:46:24+00:00 In:

How to wait for element to load with jquery?

  • 9

. Advertisement .

..3..

. Advertisement .

..4..

Can you give me some suggestions for “wait for element to load with jquery”? I’m new to Javascript. Thank you.

♦ Suggestions of ITtutoria Team
Idea for “wait for element to load with jquery”: Wait For Element To Load is a jquery plugin that will wait for an element to load and only execute a callback when the element has finished loading.

Here is a suggestion from ITtutoria team for you

var checkExist = setInterval(function() {
 if ($('#the-canvas').length) {
 console.log("Exists!");
 clearInterval(checkExist);
 }
}, 100); // check every 100ms
​
Share

1 Answer

  1. // Call the below function
waitForElementToDisplay("#div1",function(){alert("Hi");},1000,9000);
​
function waitForElementToDisplay(selector, callback, checkFrequencyInMs, timeoutInMs) {
 var startTimeInMs = Date.now();
 (function loopSearch() {
 if (document.querySelector(selector) != null) {
 callback();
 return;
 }
 else {
 setTimeout(function () {
 if (timeoutInMs && Date.now() - startTimeInMs > timeoutInMs)
 return;
 loopSearch();
 }, checkFrequencyInMs);
 }
 })();
}
​
    • 13

Leave an answer

You must login to add an answer.

Need An Account,