/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

0 vote175 views1 answer
Jquery rotate
Javascript jQuery
12 votes209 views5 answers
JQuery click outside
Javascript jQuery
0 vote180 views1 answer
Jquery remove link href
Javascript jQuery
10 votes174 views4 answers
Add span after input jquery
Javascript jQuery
25 votes218 views6 answers
Jquery scroll to top of element
Javascript jQuery
0 vote192 views1 answer
Get public url as laravel asset() in jquery
Javascript jQuery
0 vote179 views1 answer
Jquery responsive
Javascript jQuery
10 votes199 views6 answers
Jquery scroll to top of div
Javascript jQuery
0 vote183 views1 answer
Jquery keep scroll position
Javascript jQuery
1 vote197 views1 answer
Jquery declare variable
Javascript jQuery