JSFiddle - React, Tailwind, and code Playground

HTML

<iframe id="frame" src="" width="1555px" height="872px" hspace="0" vspace="0" frameborder="2" scrolling="no" ></iframe>
<button onclick="isRunning = false">stop</button>
<button onclick="isRunning = true">start</button>

JavaScript

var pages=[];
pages[0]="http://example.com/";
pages[1]="http://www.iana.org/domains/reserved";
pages[2]="http://en.wikipedia.org/wiki/Main_Page";
pages[3]="http://en.wikipedia.org/wiki/Randomness";

 var shuffle = function(array){
     var shuffledPages = [];
     while(array.length){
         shuffledPages.push(array.splice(Math.floor(array.length*Math.random()),1));
     }
     return shuffledPages;
}


var time = 3300; 
var currentIndex = 0; 
var isRunning = true;

function pageChange() { 
    if(isRunning){
        if(currentIndex == 0){ 
            pages = shuffle(pages); 
            console.log(pages);
            currentIndex = pages.length; 
        }
        currentIndex--; 
        document.getElementById("frame").src=pages[currentIndex]; 
        console.log(currentIndex);
    }
    setTimeout(function() { pageChange(); }, time);
};

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