jQuery 사용 관련 질문 드립니다.

웹화면에서 번호(수치값) 같은게 비동기로 쭈~욱 올라가는 기능 같은거 어떻게 구현하는지 알 수 있을가요?

예를 들어 지금 [100] <- 100 이라는 숫자가 있는데

이 화면에 딱 들어오면 0부터 100까지 0 1 2 3 4 5 이게 막 회전하면서 빠르게 100까지 도달하는겁니다.
(애니메이션 이라고 봐야 되나요?)

혹시 이런거 어떻게 구현하는지 아시는분 있으신가요?

질문 | 1393명이 읽었어요. 3.129.67.26

비공개 손님 … 2015-08-28 02:32:50

setinterval
$("object").append() 혹은 $("object").html()
찾아보시면 될듯?

비공개 손님 … 2015-08-28 09:06:21

파일 다운로드나 페이지 로딩 % 같은거 표시하고 싶으신것같은데

서버쪽에 %값 내려주는 별도 API 하나 뚫고 클라는 짧은 시간동안 루프 돌면서 해당API 폴링하던지

아니면 websocket을 써서 서버의 notify 를 받던지 뭐 해결 방법이야 많겠죠

비공개 손님 … 2015-08-28 10:15:02

그 뭐야 httprequest 쓰면 되는 거 아니에요?

http://www.dave-bond.com/blog/2010/01/JQuery-ajax-progress-HMTL5/

이런거..

비공개 손님 … 2015-08-28 11:36:25

자바스크립트 setinterval ...

비공개 손님 … 2015-08-28 13:44:39

답변 감사드립니다.
1번님이 말씀하신 방법으로 일단 가봐야겠네요...
숫자가 스무스하게 애니메이션 효과로 넘어가는게 아니고 .html 로 바꾸는거라서 좀 딱딱한 느낌이 들거 같지만 일단 적용해보고.. =_=;

비공개 손님 … 2015-08-28 15:46:43

그냥 프로그레스바 같은걸 하나 넣으시면 될거 같은데요?

비공개 손님 … 2015-08-28 18:50:14

5 스무스하게도 가능하죠
jquery api 보시면 기능이 많습니다.
fadeIn, fadeOut 으로 타이밍 적절하게 하면될거같네요

비공개 손님 … 2015-08-31 09:51:40

이거 카운트다운 오픈 소스 보시면 한장짜리 이미지를 돌리는겁니다.

마치 넘기는 거처럼 보이는거 뿐

댓글을 작성하실 수 없습니다.
(권한이 없는 회원레벨)

목록으로

TOP arrow_upward