[Sugerencia] ¡Ya que va, que vuelva!

<canvas width="600" height="400"></canvas>

<script>

    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    pincel.fillStyle = "gray";
    pincel.fillRect(0,0,600,400);

    function designCircuferencia(x,y,radio){

        pincel.fillStyle = "blue";
        pincel.beginPath();
        pincel.arc(x,y,radio,0,2*Math.PI);
        pincel.fill();

    }

    function clearPantalla(){

        pincel.clearRect(0,0,600,400);
    }

    var ida =0;
    var vuelta = 600;
    function updatePantalla(){

        if (ida != 600){

            clearPantalla()
            designCircuferencia(ida,20,20);
            ida++;
        }else if (vuelta != 0){

            clearPantalla()
            designCircuferencia(vuelta,20,20);
            vuelta--;

        }else{
            ida = 0;
            vuelta = 600;
        }


    }


    setInterval(updatePantalla, 30)


</script>