도와주세요

  • 목록
  • 아래로
  • 위로

css 로딩 애니메이션 딜레이시키기

  • 5
  • 프요
  • 조회 수 357

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

신고

"모니터님의 댓글"

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

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 24.02.11.17:21 1063
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 4750
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4483
906 윈도우 글꼴 변경좀 도와주세요 5 image wikiowner 22.10.08.09:56 128
905 미디어위키 다시 시작하는데 위키에서 모듈 설정 해 보신 분 저좀 도와주세요 2 wikiowner 22.10.01.19:34 265
904 질문 2 poiega 22.09.03.23:35 148
903 FTP, FTPS, SFTP, WebDAV를 사용하지 않고 원격지 서버에 파일을 업로드하는 방법이 있을까요? 10 제르엘 22.09.01.14:33 221
902 xlsx 파일로 된 DB백업 데이터를 가져오기로 DB에 넣으려면 어떻게 해야할까요? 4 image 동파육 22.08.31.01:49 127
901 phpMyAdmin 접속시 mysqli_real_connect(): (HY000/1045): Access denied for user '000000'@'localhost' (using password: YES) 4 동파육 22.08.31.00:59 160
900 curl: (7) Failed to connect to localhost port 80: Connection refused 2 image 국내산라이츄 22.07.25.15:57 1579
899 Possible attack detected. This action has been logged. 패널접속하니 메세지가뜨네요 1 막시모 22.07.08.12:58 115
898 LTE 폰에서 3G 수신감도 확인방법?? 8 이니스프리 22.05.01.20:42 505
897 Vesa 마운트를 이용한 미니PC의 거치 4 이니스프리 22.04.07.12:23 274
896 우분투 20.04 cockpit 설치 안됨(해결) gunwook 22.04.01.22:20 113
895 브라우저 익스텐션이 있는 self hosted VPN으로 어떤 것이 있을까요? image 이니스프리 22.03.20.13:57 146
894 백업 파일도 디스크 용량에 포함인가요? 3 마당쇠15 22.03.10.10:52 166
893 DNS 관련 질문 (Netlify, CloudFlare) 5 밍원 22.02.14.15:24 202
892 나리야 빌더로 게임커뮤니티 운영 2 핫슈블로그 22.01.27.08:28 471
891 혹시 라이브러리나 개발자문서 한글 번역 정리 2 제목학원장 22.01.11.13:23 286
890 혹시 파이어베이스 사용하고 계시는 분 있으실까요? 공부에 도움될 만한 개발자 문서가 따로 있을까요? 3 제목학원장 22.01.07.13:57 244
889 호스팅 처음 해보는데 받은 주소를 쓰면 스터디 포 어스 페이지가 나옵니다. 7 yuyu 22.01.05.11:35 329
888 개인 홈페이지를 만들려고 하는데 보통 이미지들 어디서 얻으시나요? 다 만들어서 쓸 수는 없을 것 같고.. 2 yuyu 21.12.31.12:53 283
887 홈페에지가 구글에서 검색되도록 봇이 수집하게 설정했는데 API도 수집하도록 설정해도 되나요? 4 손가락개 21.12.06.03:45 278

검색