JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

JavaScript

var jsonObj = '{"one":["red","green","blue"], "two":["red","green","blue"], "three":["orange","purple","hotpink"]}',
		object = JSON.parse(jsonObj),
    cOne = object.one,
    cTwo = object.two,
    cThree = object.three,
    i = 0,
    timer;
    
$('body').append('<ul/>');
timer = setInterval(function() {
      
      $.each(cOne, function() {
        var list = $('body ul'),
            listItem = $(list).append('<li>'),
            html = $(listItem).append(cOne[i]);
       
        if (i < cOne.length) {
          i++;
          $(cOne[i]).split("");
          list.append(html);
          
        } else if (i = cOne.length) {
          i = 0;
        }
        
    });

}, 5 * 1000);

timer;