delay in code execution, domReady

Question

Greetings, community. The following code adds a loaded class to body . How to change it so that the class is added two seconds after the condition is met (here - the DOM generation).

 function domReady() { document.body.className += " loaded"; } if (document.addEventListener) { document.addEventListener("DOMContentLoaded", function() { document.removeEventListener("DOMContentLoaded", arguments.callee, false); domReady(); }, false); } else if (document.attachEvent) { document.attachEvent("onreadystatechange", function() { if (document.readyState === "complete") { document.detachEvent("onreadystatechange", arguments.callee); domReady(); } }); }

call your function in this setTimeout(function (){domReady();}, 2000);
@IvanmalginovdesignMalginov you are also one of those who think that java == javascript?

Community spirit ♦ one · Accepted Answer · 2016-11-18T21:41:44

Native JS :

 function ready(){ document.body.className += ' loaded' } document.addEventListener("DOMContentLoaded", function(event) { setTimeout(ready, 2000); });

jQuery

 $(function (){ setTimeout(function () { $('body').addClass('loaded') }, 2000); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

both options are wrong: the first parameter setTimeout must be a function.
Dear, look carefully at the arguments instead of immediately putting a minus and run the code yourself

delay in code execution, domReady

1 answer 1

More articles: