| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
- generate pojos
- JPA
- header setting
- generate entity
- dto valid
- Java
- docker
- 초기 세팅
- 리눅스
- JavaScript
- jpa entity자동
- spring boot
- spring
- NextJS
- 초기 구축
- java8
- React
- swagger
- Next.js 14
- docker 설치
- custom valid
- memcached
- java9
- 도커
- 헤더 설정
- SpringBoot
- MySQL
- ollama langflow
- CentOS6
- jvm
- 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 |
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
