Question 37225 in Jquery Question posted in
The official Jquery Api Documentation can be found here.

Loop function to run 25 times but at 2 second interval – Jquery

I have the following function to open an iframe , i need to run this function 25 times and open 25 iframes with different url parameter paths.

After the function is ran , i will get some content , then close the iframe , then reopen a new iframe using a url with the next parameter of "SEQNO=100" , to 101 , 102 etc all the way to 124.

How can i get this to work , i tried setting a loop but it opened all frames at same time

function backupMSG() {

    // OPEN NEW IFRAME EACH TIME FUNCTION RUNS - ITERATE "SEQNO=100 to SEQNO+125"
    $('body').append("<iframe src='" + baseURLDynamic + "/" + year + "/csetup?L=" + league_id + "&C=HMPGMSG&SEQNO=100&PRINTER=1' id='iframe'></iframe>");
    $('body').append("<iframe src='" + baseURLDynamic + "/" + year + "/csetup?L=" + league_id + "&C=HMPGMSG&SEQNO=101&PRINTER=1' id='iframe'></iframe>");
    $('body').append("<iframe src='" + baseURLDynamic + "/" + year + "/csetup?L=" + league_id + "&C=HMPGMSG&SEQNO=102&PRINTER=1' id='iframe'></iframe>");
    // posted 3 urls for example - need to loop over 25 different parameters

    $("#iframe").on("load", function () {
        // Get some content from iframe
        setTimeout(function () {
            console.log("Ran 1 Time") // COUNT HOW MANY TIMES HAS THIS FUNCTION RAN
            $("#iframe").remove();
        }, 600);
        setTimeout(function () {
            backupMSG(); //RUN FUNCTION 25 TIMES AT INTERVAL OF 2 SECONDS
        }, 2000);
    });

}

I tried loops like below but both result in console log of all 25 at same time and i want a delay before it loops through the function again

n=25;
for (let i = 0; i < n; i++) {
    setTimeout(function () {
        console.log("Hi!"+i)
    }, 2000);
}

n=25;
setTimeout(function () {
    for (let i = 0; i < n; i++) {
        console.log("Hi!"+i)
    }
}, 2000);
Tags:

2

Answers


  1. 0 
    var i=1,n=25;
setInterval(function(){
    if(i<=n){
        console.log(i);
        i++;
    }else{
        clearInterval();
    }
},2000)
    Login or Signup to reply.
  2. 0 
    function backupMSG(id) {
  $("body").append(
    "<iframe src='https://picsum.photos/id/" +
      id +
      "/200/300' id='iframe'></iframe>"
  );

  $("#iframe").on("load", function () {
    setTimeout(function () {
      console.log("Run " + id + " Time");
      $("#iframe").remove();
    }, 600);
  });
}

let startId = 1;
let count = 3;
let interval = setInterval(() => {
  if (startId >= count) clearInterval(interval)
  backupMSG(startId);
  startId++;
}, 3000);
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search