깜박임 효과

새로 등록된 아이템이 있는 경우, new 아이콘이 깜빡일 때 사용한다.

함수로 호출하는 형태이고, 매개변수를 대입하여 만들어보았다.

무한 반복은 별도의 로직이 필요하지만, 만들어두지 않았다. 각자 만들어보자.

count 값으로 1억을 대입하면 되지않을까 싶다. 한 화면에 그 시간만큼 머무르지 않을테니까ㅋ

<div class="-blink">
  <p>new</p>
</div>

$(document).ready(function(){
/* 
    count: 반복횟수
    delayTime: 초기 지연시간
    speed: 속도
*/
fn_repeat(3,500,250);

function fn_repeat(count,delayTime,speed){
    var timer = null;
    var initNum = 0;
    while( initNum < count ){
        _repeat();
        initNum++;
    }
    function _repeat(){
        $('.-blink').delay(delayTime).fadeOut(speed).fadeIn(speed).fadeOut(speed).fadeIn(speed).fadeOut(speed).fadeIn(speed);
        timer = setTimeout(function(){
            clearTimeout(timer);
        },50);
    }
}
});

new