jquery 타이머 만들기 정보
JavaScript jquery 타이머 만들기본문
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script>
function setTimer(selector,startValue,endValue,durationTime){
$(selector).animate(
{
to:startValue,
from:endValue
},
{
duration:durationTime,
step:function(idx){
$(this).text(Math.floor(idx));
}
}
);
}
$(function(){
setTimer(".timer1",0,500,1000);
setTimer(".timer2",0,5000,2000);
setTimer(".timer3",0,50000,3000);
setTimer(".timer4",0,500000,4000);
setTimer(".timer5",0,5000000,5000);
// 선택자,시작값,끝값,지연시간
});
</script>
<div class='timer1'></div>
<div class='timer2'></div>
<div class='timer3'></div>
<div class='timer4'></div>
<div class='timer5'></div>
animate함수로 간단하게 구현이 가능 합니다.
1
댓글 2개
감사합니다.