/Javascript/jQuery/Jquery wait for element to load

Jquery wait for element to load

Jquery wait for element to exist

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

Source: stackoverflow.com

Jquery wait for element to load

// 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);
    }
  })();
}

Source: stackoverflow.com

Similar codes

1 vote350 views1 answer
How use for loop in append attribute in jquery
Javascript jQuery
0 vote400 views1 answer
Convert div to image and download jquery
Javascript jQuery
0 vote324 views1 answer
30 mins 24 hours jquery loop
Javascript jQuery
32 votes317 views6 answers
Set radio button checked jquery
Javascript jQuery
57 votes335 views6 answers
Jquery create element
Javascript jQuery
1 vote328 views1 answer
Jquery validation plugin google recaptcha
Javascript jQuery
0 vote289 views1 answer
Jquery datetimepicker example code
Javascript jQuery
0 vote307 views1 answer
How contvert array to string like implode in jquery
Javascript jQuery
0 vote333 views2 answers
Add parameter at the end of url from jquery with refreshing
Javascript jQuery
0 vote294 views1 answer
How to create jquery function
Javascript jQuery