Question

我需要能够每隔8秒在我的网页中的五个不同的html片段之间轮换。

最好的方法是什么？ JQuery或原生JS很好。

Answer 1

肯定有很多插件。

但是如果您想自己动手，可以使用一些基本结构：

// assuming all your divs have the class `rotating-content`:

$(document).ready(function() {
    var divs = $('.rotating-content').hide();
    var curr_div = divs.first().show();        

    function nextcontent() {
        // hide current div, then move the next one or the first div, and show it
        curr_div = curr_div.hide().next().add(divs.first()).first().show();
        setTimeout(nextcontent, 5000); // 5 seconds
    }
    setTimeout(nextcontent, 5000);
});

Answer 2

你的意思是幻灯片吗？您可以使用malsup中的jQuery Cycle插件，

这是一个例子：http://jsfiddle.net/JKirchartz/zLekb/（这些额外的东西都不是必需的，这只是我回收的一个例子）

如果您希望每8秒更改一次，请将timeout更改为8000（以毫秒为单位）

在页面上旋转html的最佳方法

2 个答案: