JSFiddle - React, Tailwind, and code Playground

by ArtCore7

HTML

<body>
  <iframe id="pagecontent" src="" frameborder="0" width="100%" height="3000px" scrolling="no"></iframe>
</body>

JavaScript

var element = document.getElementById('pagecontent');          
let pageArray = [
    ['https://wiki.de/', 4800], 			//PageA
    ['https://wikipedia.de', 3600], 	//PageB
    ['https://netcup.de', 7800] 		//PageC
];               
var pageIndex = 0;

function countPage() {
	changePage(pageIndex);
  pageIndex++;
  if (pageIndex >= pageArray.length) {
    pageIndex = 0;
  }
}

function changePage(pageIndex) {
		element.setAttribute("src",pageArray[pageIndex][0]);
    console.log ("PageIndex: " +pageIndex+ " - PageUrl: " +pageArray[pageIndex][0]+ " - PageTimeout: " +pageArray[pageIndex][1] )
    setTimeout(function() {countPage();}, pageArray[pageIndex][1]);
}

countPage();