JSFiddle - React, Tailwind, and code Playground

JavaScript

var lineDiagnosticsBox = $('body');
var linediagnosticsData = [];
linediagnosticsData.push({ Details: 'Complete - Go Live Date  Unavailable', ItemStatus: 'Tick', Title: 'Checking for Asset/Product Information' });
linediagnosticsData.push({ Details: 'Not Available', ItemStatus: 'Warning', Title: 'Line Length Summary - ' });

(function loop(i) {
    console.log(i);
    var imageURL = "/supportalcore/InternalImages/";
    switch ((linediagnosticsData[i].ItemStatus).toLowerCase()) {
        case "tick":
            imageURL = imageURL + "tick.gif";
            break;
        case "warning":
            imageURL = imageURL + "warning.gif";
            break;
        case "cross":
            imageURL = imageURL + "cross.gif";
            break;
        default:
            break;            
    }
    var html =
        "<div class='nameValueImagerow'>"
    + "<div class='c1'>" + linediagnosticsData[i].Title + "</div>"
    + "<div class='c2'>" + linediagnosticsData[i].Details + "</div>"
    + "<div class='c3'>" + "<img src=" + imageURL + " alt='i'  />" + "</div>"
    + "<div class='c4'></div>"
    + "</div>";
    lineDiagnosticsBox.append(html);
    i++;
    if (i < linediagnosticsData.length)
    {
        setTimeout(function() { loop(i); }, 3000);
    }
})(0);