jquery - 使用jquery每10秒切换一次div？

Question

我有两个 div 的设置，当单击链接时，它们会从蓝色切换到橙色。它们坐在同一个地方，给人一种从一种颜色换成另一种颜色的印象。这是我的 jquery:

jQuery(document).ready(function( $ ) {
    $(".dab").click(function(){
        $("#pf-orange-area").show();
        $("#pf-blue-area").hide();
    });
    $(".pfs").click(function(){
        $("#pf-orange-area").hide();
        $("#pf-blue-area").show();
    });
});

如何保留该功能，同时让它们每 10 秒自动切换一次？

Answer 1

jQuery(function($) {

    var $or = $("#pf-orange-area"),
        $bl = $("#pf-blue-area"),
        changeColor;

    $(".dab").click(function(){
        $or.show();
        $bl.hide();
    });

    $(".pfs").click(function(){
        $or.hide();
        $bl.show();
    });

    changeColor = function() {
        $or.toggle();
        $bl.toggle();
    };

    setInterval(changeColor, 10000);
});

因此，他的一个彩色元素现在必须隐藏，而另一个则显示。