JSFiddle - React, Tailwind, and code Playground

HTML

<script>



    var iv1;
function startNumberGenerator() {

iv1=setInterval(function () {
var rc = "rgb(" + rand(0, 255) + "," + rand(0, 255) + "," + rand(0, 255) + ")";
document.getElementById('div1').innerHTML +="<span style='color:"+ rc + "'>"+ rand(10,99)+"</span> ";
},1000);
    document.getElementById('div2').innerHTML += " " + iv1;
}

function rand(start,end){
         var r = start + Math.floor(Math.random() * (end-start));
         return r;
}

function print(string){
    document.write(string);
}

</script>


تولید کننده اعداد رندم در هر ثانیه<br><br>
<button onclick="startNumberGenerator()" class="pure-button button-success">Start</button>
<button onclick="stopNumberGenerator()" class="pure-button button-secondary">Stop</button>
<button onclick="stopAllNumberGenerators()" class="pure-button button-error">Stop All</button>
<br><br>

<div id="div1"></div>
<div id="div2">Interval Variable :</div>

CSS

body {
            padding: 50px;
            text-align: center;
            font: normal 20px tahoma;
        }

        #div1, #div2 {
            width: 500px;
            margin: 10px auto;
            text-align: left;
            padding: 10px;
            background-color: #fcfcfc;
            line-height: 150%;
        }