Наша группа в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Для остановки кликнете на одном из кружков.

Исходный код этого примера:
<style>
    #b {
        width: 500px;
        height: 500px;
        position: relative;
    }
    #b div {
        position: absolute;
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }
</style>
<div id="b" onclick="clearTimeout(r)"></div>
<script>
    var k=0;
    c=["#f00","#0f0","#00f","#ff0","#0ff"];
    function U() {
        x=Math.round(900*Math.random());
        y=Math.round(500*Math.random());
        document.getElementById('b').innerHTML+='<div style="left:'+x+'px; top:'+y+'px; background-color:'+c[(k++)%5]+'"></div>';
        r=setTimeout("U()",1000);
    }
    U();
</script>