Comment itérer plusieurs urls dans javascript dans la fenêtre de la console Chrome avec timeout

Question

Je veux parcourir l'URL qui a un numéro d'identifiant php différent à la fin et après l'exécution de l'une des URL je veux imprimer des données comme say " Suivant "ou quelque chose et attendez 7 secondes, puis exécutez l'URL suivante en incrémentant la valeur de l'ID PHP. Tout ce que j'essaye d'exécuter dans la fenêtre de la console Chrome en utilisant Javascript. Tous les doutes s'il vous plaît demander et merci pour toute aide à l'avance.

for(j=1000;j <= 1010; j++) { 
    this.document.location = "http://website.com/page.php?id=" + j; 

    setTimeout(console.log('Next'), 7000); 
} 

Answer 1

<script type="text/javascript"> 
     function getParameterByName(name, url) { 
      if (!url) url = window.location.href; 
      name = name.replace(/[\[\]]/g, "\\$&"); 
      var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), 
       results = regex.exec(url); 
      if (!results) return null; 
      if (!results[2]) return ''; 
      return decodeURIComponent(results[2].replace(/\+/g, " ")); 
     } 
     var idVal = getParameterByName("id"); 
     if(idVal== "" || idVal == null){ 
      idVal = 1000; 
     }else{ 
      idVal++; 
     } 

     setTimeout(function(){ 
      console.log("Next"); 
      this.document.location = "http://website.com/page.php?id=" + idVal; 
     }, 7000); 

    </script> 

Answer 2

Vous êtes mieux de le faire dans un iframe. Cela va itérer sur la liste, en attendant que l'URL actuelle soit résolue.

const urls = [ 
 
    "https://css-tricks.com" 
 
, "http://stackoverflow.com" 
 
, "https://scotch.io" 
 
, "http://ramdajs.com" 
 
, "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe" 
 
, "https://www.w3schools.com/tags/tag_iframe.asp" 
 
] 
 

 
const iframe = document.querySelector('iframe') 
 
iframe.height = window.innerHeight 
 

 
const iterate = (urls, timeout = 500, ii = 0) => { 
 
    return e => { 
 
    if (ii < urls.length) { 
 
     setTimeout(() => iframe.src = urls[ii++], timeout) 
 
    } 
 
    } 
 
} 
 

 
iframe.addEventListener('load', iterate(urls, 500))

html, body, iframe { margin: 0; padding: 0; overflow: hidden; }

<iframe src="http://nettuts.com" width="100%" height="300px"></iframe>

Answer 3

const urls = [ 
 
    "https://css-tricks.com" 
 
, "http://stackoverflow.com" 
 
, "https://scotch.io" 
 
, "http://ramdajs.com" 
 
, "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe" 
 
, "https://www.w3schools.com/tags/tag_iframe.asp" 
 
] 
 

 
const iframe = document.querySelector('iframe') 
 
iframe.height = window.innerHeight 
 
var ii = 0; 
 
const iterate = (urls, timeout = 500) => { 
 
    return e => { 
 
    if (ii < urls.length) { 
 
     setTimeout(() => iframe.src = urls[ii++], timeout) 
 
    } 
 
    } 
 
} 
 

 
iframe.addEventListener('load', iterate(urls, 500))

html, body, iframe { margin: 0; padding: 0; overflow: hidden; }

<iframe src="http://nettuts.com" width="100%" height="300px"></iframe>