在多个div之间切换，并将文本移动到单个块中

<style>
    .div1, .div2, .div3 {
        width: 200px;
        height: 200px;
        background-color: #ccc;
        display: none;
    }
</style>

<div class="div1">Div 1</div>
<div class="div2">Div 2</div>
<div class="div3">Div 3</div>

<script>
    var currentDiv = 1; // 当前显示的div编号

    function switchDiv() {
        // 隐藏当前显示的div
        document.querySelector('.div' + currentDiv).style.display = 'none';

        // 切换到下一个div
        currentDiv++;
        if (currentDiv > 3) {
            currentDiv = 1;
        }

        // 显示下一个div
        document.querySelector('.div' + currentDiv).style.display = 'block';

        // 将文本移动到单个块中
        var text = document.querySelector('.div' + currentDiv).textContent;
        document.querySelector('.single-block').textContent = text;
    }

    // 初始显示第一个div
    document.querySelector('.div1').style.display = 'block';

    // 每隔一段时间切换div
    setInterval(switchDiv, 2000);
</script>

<div class="single-block"></div>