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

我有两个 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 秒自动切换一次？

最佳答案

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);
});

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

关于jquery - 使用jquery每10秒切换一次div？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18635853/