JSFiddle - React, Tailwind, and code Playground

by fallenreaper

HTML

<body>
    Data spawning Test.<br />
    Max Simultaneous Calls: <input type="text" id="number" value="10"/><a href="#" id="clicker">Start</a><br />
    Building Initial Array: <input type="text" id="asize" value="5000" /><a href="#" id="ArraySize">Rebuild Array</a><br />
    Timer Ticks: <span id="tick">0</span><br />
    While Loop Executions: <span id="executions">0</span><br />
    While Loop skips: <span id="skips">0</span><br />
    <div id="testdata"></div>
</body>

JavaScript

var x;
    $(function(){
        $("#clicker").click(function(){
            newArray(10000);
            $(this).hide();
            $("#ArraySize").hide();
            $("div#testdata").html("");
            $("#tick, #executions, #skips").html("0");
            try{
                var num = $("#number").val();
                $("#ArraySize").click();
                pollingFunctionStart(num, x,    
                function(a){ 
                    return $.ajax(a) 
                },    
                function(x){
                    alert("winning");
                });
            }catch(error){
                alert(error);
            }
        });
        $("#ArraySize").click(function(){
            try{
                var num = $("#asize").val() || 10000;
                newArray(num);
            }catch(error){
            
            }
        });
    });
        function newArray(size){
            //alert("creating");
            x = new Array();
            for(var i = 0; i < size; i++){
                var object = {url: "data.php",
                    type: "POST",
                    data: {"data":"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"},
                    dataType: "json",
                    success: function(data, textStatus, jqXHR){
                        //alert("success");
                    },
                    error: function(jqXHR, textStatus,...