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);
'UI ( UX ) > Websquare' 카테고리의 다른 글
| [Websquare] Repeat 사용 시 주의 사항. (0) | 2016.06.27 |
|---|---|
| [Websquare] Repeat 결과가 표시되지 않을 때. (0) | 2016.02.11 |
| [Websquare] Websquare + Spring 연동 오류 (0) | 2015.01.27 |
| [Websquare] Popup 처리 (0) | 2011.11.14 |
