jquery - 需要让列表元素 1 到 1

Question

使用 php 函数从数组创建列表元素，希望每个列表元素一个一个地进入，每个元素之间有大约 1.5 秒的延迟，有人可以给我实现这一目标的最简单方法吗？我假设涉及 jquery。

这是从数组中引入列表项的代码：

<?php include("inc/thumbs.php") ?>
<?php include("header.php"); ?>
            <ul class="thumbnails">
                <?php foreach($thumbs as $thumb) { 
                        echo get_thumb_view_html($thumb);
                    }
                ?>
            </ul>

        </div>
    </div>
</header>
</body>

Answer 1

您必须使用 JS 或 jQuery。li这是一个使用 jQuery每 1.5 秒从内容数组中添加一个新内容的快速示例：

var array = ["test1", "test2", "test3", "test4"];
var arrayCounter = 0;

var timeout = setInterval(function() {
    if (arrayCounter < array.length) {
        $("#testUL").append("<li>" + array[arrayCounter] + "</li>");
        arrayCounter++;
    } else {
        clearInterval(timeout);
    }
}, 1500);

演示页面：http: //jsfiddle.net/TstTA/1/