jQuery 특정 시간 내에 특정 숫자가 증가합니다

Question

질문이 있습니다. 특정 시간 내에 특정 숫자를 더 큰 숫자로 늘리는 방법은 무엇입니까? (jQuery 사용) 예를 들어 백분율 막대를 만들고 막대를 특정 크기로 슬라이드하면 동시에 0에서 100까지 숫자가 증가합니다. 특정 시간 내에서 수적 변환을 실현하는 법. 시각적으로는 다음과 같습니다 : 여기

Answer 1

당신에게 채워진 양을 기준으로 비율을 얻을하는 방법에 대한 예를 보여주기 위해 빠른 바이올린입니다 : 나는 부모 래퍼의 폭을 찾을 기본적으로 http://jsfiddle.net/jYveX/

을 (400), 채우기 너비 (200) 및 jquery를 사용하여 간단한 계산을 수행합니다. 400/200 = 50.

이제 채우기 막대의 크기를 늘리면 백분율이 막대 너비와 함께 변경됩니다.

HTML

<div class="bar-container"> 
    <div class="bar-fill"> 
     <div class="output"></div> 
    </div> 
</div> 

여기에 진행중인 애니메이션의 예

$('.output').html($('.bar-fill').width()/4 + '%'); 

CSS

.bar-container { 
    width:400px; 
    height:40px; 
    background:green; 
} 
.bar-fill { 
    width:200px; 
    height:40px; 
    background:red; 
    text-align:right; 
} 

JS :

키는 단계 옵션을 사용하는 것이라고 쓸모있다 가능할 경우 animate class.

http://jsfiddle.net/jYveX/4/