Wie kann ich popups mit Zeitabstand aufrufen?
Wie errreiche ich, dass die URLs in der textarea nicht alle gleichzeitig(wie im script), sondern jeweils mit einer Verzögerung von x Sekunden nacheinander aufgerufen werden? MONI
Der hier verwendete Code
<style>
textarea,#info{
width:80vw;
margin:20px 10vw;
height:100px;
}
</style>
<textarea id="popupUrls">
https://entwickler.de/online/php/phpstorm-2019-3-beta-erschienen-579914664.html
https://entwickler.de/wp-content/themes/entwicklerDE/public/placeholder/450x225.png
https://entwickler.de/online/php/php-8-0-abstimmung-union-types-2-579914319.html
https://entwickler.de/wp-content/themes/entwicklerDE/public/placeholder/450x225.png
https://entwickler.de/online/php/wordpress-5-3-579914278.html
https://entwickler.de/wp-content/themes/entwicklerDE/public/placeholder/450x225.png
https://entwickler.de/online/php/symfony-5-0-beta-2-und-4-4-beta-1-579914277.html
https://entwickler.de/wp-content/themes/entwicklerDE/public/placeholder/450x225.png
https://entwickler.de/online/php/wir-haben-leider-gar-kein-framework-im-einsatz-579912692.html
https://entwickler.de/wp-content/themes/entwicklerDE/public/placeholder/450x225.png
https://entwickler.de/online/php/php-7-1-support-endet-01-12-19-579914140.html
</textarea>
<br>
<input type="button" value="popups" id="popupsButton">
<div id="info"></div>
<script>
var timeabstand=1000;
i=0;
but=document.getElementById("popupsButton");
but.addEventListener('click',function() {
var urls = document.getElementById("popupUrls").value.split("\n");
var urls_anz = urls.length-1;
function start(urls_anz,i){
if(urls_anz>i){
console.log(urls[i]);
//window.open(urls[i], "PopUp_" + i, "width=456,height=369");
setTimeout(function(){
document.getElementById("info").innerHTML+=i+'. Open Link '+urls[i]+'<br>';
i++;
start(urls_anz,i);
},timeabstand);
}else{
document.getElementById("info").innerHTML+=' <span style="background:green"> Fertig</span>';
}
}
start(urls_anz,0);
})
</script>