일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- spring file download for path
- java8
- Java
- docker
- spring boot
- MySQL
- k6 granafa influxdb
- grafana windows
- memcached
- grafana local
- 도커
- docker 설치
- jvm
- java9
- k6 gui
- React
- spring
- Java21
- java file download for path
- 그라파나 설치
- SpringBoot
- url 파일 다운로드
- java 버전별
- java file download for url
- JavaScript
- grafana 설치
- 리눅스
- CentOS6
- windows grafana 설치
- spring file download for url
- Today
- Total
개발자의 길
[html5]meter 테스트 본문
참고 자료 :
소스
<script>
var nTimerID;
var nValue;
function on_Start()
{
nValue=0;
nTimerID=setInterval(on_Progress,100);
}
function on_Progress()
{
nValue+=10;
if(nValue>500)
{
clearInterval(nTimerID);
}
document.getElementById("mtr_1").value=nValue;
}
</script>
</head><body>
<meter id="mtr_1" min="0" max="500" value="0" low="50" high="300" style="width:500px">
</meter><br/>
<meter min="0" max="500" value="40" low="50" high="300" style="width:500px">
</meter><br/>
<meter min="0" max="500" value="60" low="50" high="300" style="width:500px">
</meter><br/>
<meter min="0" max="500" value="350" low="50" high="300" style="width:500px">
</meter><br/>
<meter min="0" max="500" value="500" low="50" high="300" style="width:500px">
</meter><br/><input id="btn_Start" type="button" value="시작" onClick="on_Start()" /><br/>
</body>
실행화면
'7. HTML5' 카테고리의 다른 글
[html5]입력값 검증하기(validation) - 간단한 예제 2 : setCustomValidity이용 (0) | 2012.01.13 |
---|---|
[html5]입력값 검증하기(validation) - 간단한 예제 (0) | 2012.01.13 |
[html5]progress 테스트 (0) | 2012.01.13 |
[html5]file 테스트 (0) | 2012.01.13 |
[html5]checkbox에 추가된 indeterminate 프로퍼티 테스트 (2) | 2012.01.13 |
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.