Execute Javascript a duration of time after the page load

Question

I am already using this script to execute after the page load.

<script type='text/javascript'>

window.onload = function() {
  autoloadmore()
};

function autoloadmore() {
  var loadmoreClass = document.getElementsByClassName(&quot;loadmore&quot;)[0];
  var loadmoreChild = loadmoreClass.querySelector(&#39;a&#39;)

  if (loadmoreClass) {
    loadmoreChild.click();
  }
}
</script>

I want to add this code also, and make it execute 5 seconds after the page is loaded.

<script>
//<![CDATA[

function InsertarImagenVideo(id) {
var IDelemento = document.getElementById(id),
sustituir = IDelemento.innerHTML;
sustituir = sustituir.replace(/\[img\](.[^\]]*)\[\/img\]/ig, "<img class='img-comentarios' src='$1'\/>");
sustituir = sustituir.replace(/\[video\]https:\/\/www\.youtube\.com\/embed\/(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$1'><\/iframe>");
sustituir = sustituir.replace(/\[video\](https:\/\/youtu\.be\/|https:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'><\/iframe>");
sustituir = sustituir.replace(/\[video\](http:\/\/youtu\.be\/|http:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'><\/iframe>");
sustituir = sustituir.replace(/\[video\](http:\/\/player\.vimeo\.com\/video\/)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='http://player.vimeo.com/video/$2'><\/iframe>");
document.getElementById(id).innerHTML = sustituir;} InsertarImagenVideo('comment-holder');
//]]>
    </script>

Possible duplicate of [Sleep in JavaScript - delay between actions](https://stackoverflow.com/questions/758688/sleep-in-javascript-delay-between-actions) — Heretic Monkey, Feb 06 '19 at 14:59

score 0 · Answer 1 · answered Feb 06 '19 at 15:01

0

not cool, but working:

window.onload = function() {
  var timeInMilliSeconds = 1000;
  setTimeout(function(){
      autoloadmore();
  }, timeInMilliSeconds)
};

answered Feb 06 '19 at 15:01

mtizziani

956
10
23

the other code does not need to be changed, only the onload function gets a change with the setTimeout – mtizziani Feb 07 '19 at 10:01

DevMike · Accepted Answer · 2019-02-10T22:55:03.217

Use a SetTimeout:

    <script type='text/javascript'>

    function autoloadmore() {
      var loadmoreClass = document.getElementsByClassName(&quot;loadmore&quot;)[0];
      var loadmoreChild = loadmoreClass.querySelector(&#39;a&#39;)

      if (loadmoreClass) {
        loadmoreChild.click();
      }
    }

   //<![CDATA[
    function InsertarImagenVideo(id) {
    var IDelemento = document.getElementById(id),
    sustituir = IDelemento.innerHTML;
    sustituir = sustituir.replace(/\[img\](.[^\]]*)\[\/img\]/ig, "<img class='img-comentarios' src='$1'\/>");
    sustituir = sustituir.replace(/\[video\]https:\/\/www\.youtube\.com\/embed\/(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$1'><\/iframe>");
    sustituir = sustituir.replace(/\[video\](https:\/\/youtu\.be\/|https:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'><\/iframe>");
    sustituir = sustituir.replace(/\[video\](http:\/\/youtu\.be\/|http:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'><\/iframe>");
    sustituir = sustituir.replace(/\[video\](http:\/\/player\.vimeo\.com\/video\/)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='http://player.vimeo.com/video/$2'><\/iframe>");
    document.getElementById(id).innerHTML = sustituir;
    }
   //]]> 

    window.onload = function() {
      autoloadmore();
      //<![CDATA[
      setTimeout(function(){
        InsertarImagenVideo('comment-holder');
      },5000);
     //]]>
    };

    </script>

Execute Javascript a duration of time after the page load

2 Answers2