javascript - Incomplete content fetch at XMLHTTPRequest or Jquery GET on a dynamic webpage (Ajax loaded) -

using xmlhttprequest below

var xhr = new xmlhttprequest(); xhr.open("get", "https://swym.3ds.com/", false); xhr.onreadystatechange = function(data) {   if (xhr.readystate == 4 && xhr.status==200) {         var fakepage = document.createelement("html");         fakepage.innerhtml = data;         console.log(fakepage.innerhtml);         // find desired element within new page element         statone = $(fakepage).find('#widgetpanel-7qrsn8cawqkk0dp2_gqk').text();         console.log(statone);     } } xhr.send(); 

using jquery method:

$.get("https://swym.3ds.com/", function(data) {          // load response text new page element         var fakepage = document.createelement("html");         fakepage.innerhtml = data;          // find desired element within new page element         statone = $(fakepage).find('#widgetpanel-7qrsn8cawqkk0dp2_gqk').text();         console.log(statone);     } );  

since page (https://swym.3ds.com/) loads ajax action , before page loading completes, ready state , status of page loading gets 4 , 200. i.e. extracted data has incomplete information of webcontent or dom.

query: how introduce delay of 5 seconds method fetch completet webpage content or dom information ?