javascript - setTimeout 関数を継続的にループさせる方法は?

Question

setTimeout 関数を継続的にループさせるにはどうすればよいですか?

例えば

setTimeout(function(){  
        $(".slide2").hide();
        $(".slide").show();
        setTimeout(function(){
            $(".slide").hide();
            $(".slide2").show();
        }, 1000);
    }, 1000);

Answer 1

代わりにsetIntervalandを使用してください。toggle()

setInterval(function () {
    $(".slide2").toggle();
    $(".slide").toggle();
}, 1000);

jsFiddle の例

Answer 2

ネストを減らすことができ、おそらくsetTimeoutを使用すると、トグルが残りを処理します (実行前にデフォルトで最初の要素を表示します)。

function slideEm()
{
    $(".slide2").toggle(); 
    $(".slide").toggle(); // Make this visible first
    window.setTimeout(slideEm, 1000);
}

slideEm();

またはsetIntervalを使用

function slideEm()
{
    $(".slide2").toggle(); 
    $(".slide").toggle(); // Make this visible first

}

$(function(){
     $('.slide').show(); //Using css hide both of them and show this first
    window.setInterval(slideEm, 1000); // start the callback loop with a sec interval
});

デモ