我如何让这3个圆圈交替，而不是同时进行。不要使用CSS

要实现让三个圆圈交替而不是同时进行的效果，可以使用JavaScript来控制它们的显示和隐藏。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>Circle Animation</title>
    <style>
        .circle {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-color: red;
            display: none;
        }
    </style>
</head>
<body>
    <div class="circle" id="circle1"></div>
    <div class="circle" id="circle2"></div>
    <div class="circle" id="circle3"></div>

    <script>
        function showCircle(circleId) {
            var circle = document.getElementById(circleId);
            circle.style.display = "block";
        }

        function hideCircle(circleId) {
            var circle = document.getElementById(circleId);
            circle.style.display = "none";
        }

        function animateCircles() {
            setInterval(function() {
                showCircle("circle1");
                setTimeout(function() {
                    hideCircle("circle1");
                    showCircle("circle2");
                    setTimeout(function() {
                        hideCircle("circle2");
                        showCircle("circle3");
                        setTimeout(function() {
                            hideCircle("circle3");
                        }, 1000);
                    }, 1000);
                }, 1000);
            }, 3000);
        }

        animateCircles();
    </script>
</body>
</html>

在上述代码中，我们使用了JavaScript的setInterval和setTimeout函数来实现圆圈的交替显示和隐藏。setInterval函数用于定时触发整个动画过程，每隔3秒执行一次。在每次执行时，我们使用setTimeout函数来设置不同圆圈的显示和隐藏时间间隔，从而实现交替效果。

请注意，上述代码只是一个示例，实际应用中可能需要根据具体需求进行修改和优化。