JSFiddle - React, Tailwind, and code Playground

HTML

<button id="next">next</button>

	<div id="matrix">

	</div>

JavaScript

$(function() {
    var arr01 = ['a1', 'a2', 'a3', 'a4'],
    arr02 = ['b1', 'b2', 'b3', 'b4'],
    arr03 = ['c1', 'c2', 'c3', 'c4'],
    globalArray = [arr01, arr02, arr03];
    var i = 0, k = 0, n = 0;

    $("#next").click(function() {
        if (i < globalArray.length) {
            if (k < globalArray[n].length) {
                setInterval(function() {
                    $("#matrix").append(globalArray[n][k]);
                    k++;
                },200);
            }
        i++;
/*        } else {
            i = 0;
            if (i < globalArray.length) {
                if (k < globalArray[n].length) {
                    setInterval(function() {
                        $("#matrix").append(globalArray[n][k]);
                        k++;
                    },200);
                }
            i++;*/
        }
    });
});