본문 바로가기

WEB/내맘대로 코딩

깜박임 효과

새로 등록된 아이템이 있는 경우, 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);
    }
}
});

'WEB > 내맘대로 코딩' 카테고리의 다른 글

셀렉트박스 url 이동  (0) 2020.12.27
일반스크롤 vs 아이스크롤  (0) 2020.12.27
깜박임 효과  (0) 2020.12.15
배열메서드 - 필터링[2]  (0) 2020.05.05
배열메서드 - 필터링[1]  (0) 2020.05.05
선택요소 추가 및 삭제  (0) 2020.04.20