JSFiddle - React, Tailwind, and code Playground

by billjohnston4

HTML

<div id="container"></div>

JavaScript

var erray = [1, 2, 3, 4];
var count = 0;
var tries = 0;

function changeKey() {
    if (count != erray.length) {
        $('#container').append(erray[count] + '<br/>');
        if (randomNum(3) == 3 || tries == 29) {
            $('#container').append('break<br/>');
            clearInterval(viewInterval);
            tries = 0;
            setTimeout(function() {
                count++;
                viewInterval = setInterval(changeKey, 2500);
            }, 5000);
        }
    }
    else {
        clearInterval(viewInterval);
        alert('All Done');
    }
    tries++;
}

function randomNum(totalItems) {
    return Math.floor(Math.random() * totalItems + 1);
}

var viewInterval = setInterval(changeKey, 2500);