【jQuery】フェードイン・フェードアウト（繰り返し）

繰り返しVer. setTimeoutでインターバルを作る。

by tea4two

HTML

<div></div>

CSS

div {
    width      : 100px;
    height     : 100px;
    background : gold;
    display    : none;
}

JavaScript

$(function () {
    var $element = $('div');
    function fadeInOut () {
        $element.fadeIn(1000, function () {
            $element.fadeOut(1500, function () {
                $element.fadeIn(1500, function () {
                    setTimeout(fadeInOut, 500);
                });
            });
        });
    }

    fadeInOut();
});