'clearInterval'에 해당되는 글 1건

  1. 2015.02.09 [Websquare] 숫자 자동 증가
UI ( UX )/Websquare2015. 2. 9. 18:21

Websquare 에서는 jquery 의 animate 가 동작하지 않기 때문에 Javascript 로 만들어 보았다.

obj.setLabel(obj); 이 부분만 javascript document.getElementById( objName ).innerHTML(val) 로
바꾸면 html+javasciprt 에서도 동작한다.

   // 숫자 자동증가  ( interval 1/1000 초 )
   // ex)  autoIncrementVal( obj, val, interval );
   //      autoIncrementVal( "#indexVal", 95, 20 );
   var autoIncrementVal = function(obj, val, interval)
   {
    var i = 0; 
          var ai = setInterval(function(){
           obj.setLabel(i);          
           if ( i == val ) {
            clearInterval(ai);
           }
           i++;
           
          }, 20);
   }
         
  autoIncrementVal(textbox3, 80);

Posted by 비니미니파파