• 목록
  • 아래로
  • 위로
  • 5
  • 프요
  • 조회 수 463

ajax 요청시 beforeSend로 showLoading()함수를 실행해 '<div.spinner></div>'라는 요소를 추가하고 compelete로 hideLoading()으로 이 요소를 제거하는 방식으로 (애니메이션은 .spinner로 css에 되어있습니다) 로딩 애니메이션을 추가했는데요

약 0.7초 이하의 요청에서는 실행되지 않은 애니메이션이 가운데에서 깜빡거려서 약간 거슬리더라구요.

 

setTimeout이나 일정 시간 뒤 backgound-color를 넣어주는 방식은 제대로 동작을 하지 않는데 딜레이를 주는 방법이 있을까요?

댓글 5

STULAB
profile image

jquery에 fadein, fadeout 써보세요.

comment menu
2017.10.19. 22:49

신고

"STULAB님의 댓글"

이 댓글을 신고 하시겠습니까?

프요 작성자 → STULAB

감사합니다~

fadein complete 콜백에서 요소를 display: block; 해서 해결했네요~

comment menu
2017.10.23. 12:41

신고

"프요님의 댓글"

이 댓글을 신고 하시겠습니까?

모니터
profile image

으어어어어어.....?

comment menu
2017.10.20. 12:41

신고

"모니터님의 댓글"

이 댓글을 신고 하시겠습니까?

프요 작성자 → 모니터

ajax 요청 전 loader를 호출한 후 응답 받으면 호출한 loader 요소를 삭제한다는 말이었습니다ㅋㅋ

comment menu
2017.10.23. 12:42

신고

"프요님의 댓글"

이 댓글을 신고 하시겠습니까?

모니터 → 프요
profile image

홍...이렇게 쉽게 말하니 이해했습니당.

comment menu
2017.10.23. 16:22

신고

"모니터님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 시스템 점검 작업 완료 안내 10 마스터 24.09.05.16:25 2056
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 8846
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4868
206 추가 도메인을 구매했는데... 10 국내산라이츄 17.10.25.15:01 520
205 제 강좌인데 제가 왜 글을 못 쓰는겁니카 2 image 국내산라이츄 17.10.24.21:50 273
204 Iframe으로 삽입한 유튜브 영상을 모바일에서 스크린이 꺼져도 계속 재생되게 하는 방법이 없을까요? 6 image 이니스프리 17.10.24.20:31 1034
203 위키 조금 아시는분 있으시면 도움 구합니다! 8 샹키 17.10.23.04:08 538
202 Tiny Tiny RSS 사용하시는 분께 장단점에 대한 질문 드립니다 이니스프리 17.10.22.00:29 517
201 [해결함] 워드프레스 접속이 앙대요 8 국내산라이츄 17.10.20.10:44 431
css 로딩 애니메이션 딜레이시키기 5 프요 17.10.19.18:39 463
199 메일에 ?표시는 어떻게 하나요? 10 image title: 투명 아이콘ㅁㅁ 17.10.18.20:04 330
198 서비스 신청 3 기특한크리퍼 17.10.18.16:35 310
197 XE Ace 스킨 사용중인데 이상합니다. 4 image Kongjak 17.10.17.17:37 532
196 티켓팅, 수강신청 등 관련하여 특정 서버시각 확인에 대해 질문 드려요 6 이니스프리 17.10.16.17:55 1507
195 드롭박스의 상태가 이상합니다. 5 국내산라이츄 17.10.15.21:05 364
194 카카오 계정 로그인 7 image title: 투명 아이콘ㅁㅁ 17.10.15.17:43 690
193 Let's Encrypt 6 image title: 투명 아이콘ㅁㅁ 17.10.13.17:09 311
192 미디어위키 잘 아시는 분 계신가요 15 마카롱 17.10.12.21:41 470
191 로딩 로딩 도와줘요 21 모니터 17.10.12.13:32 618
190 이거 어디서 파나요? 11 기특한크리퍼 17.10.11.16:27 327
189 포인트를 사용한 사행성 게임이.. 4 네모 17.10.11.01:02 446
188 홈... 이런게 가능할까요? 21 모니터 17.10.10.18:37 441
187 yourls vs phurl 어느 쪽을 더 선호하시는지 사용하신 회원님들께 여쭤봅니다 2 이니스프리 17.10.08.09:27 509