개발자의 길

[html5]progress 테스트 본문

7. HTML5

[html5]progress 테스트

자르르 2012. 1. 13. 11:59



소스 :

<script>

var nTimerID;
var nValue;
function on_Start()
{
nValue=0;
nTimerID=setInterval(on_Progress,100);
}

function on_Progress()
{
nValue+=10;
if(nValue>300)
{
clearInterval(nTimerID);
}

document.getElementById("pgr_1").value=nValue;
}
</script>
</head>

<body>
<progress id="pgr_1" min="0" max="300" value="0">
</progress>
<br/>
<input id="btn_Start" type="button" value="시작" onClick="on_Start()" /><br/>
</body>

실행화면 :

 

저작자표시 (새창열림)

'7. HTML5' 카테고리의 다른 글

[html5]입력값 검증하기(validation) - 간단한 예제  (0) 2012.01.13
[html5]meter 테스트  (0) 2012.01.13
[html5]file 테스트  (0) 2012.01.13
[html5]checkbox에 추가된 indeterminate 프로퍼티 테스트  (2) 2012.01.13
[html5]number, range 테스트  (0) 2012.01.13


이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
공유하기 링크
'7. HTML5' Related Articles more
Comments