ObjectName.innerHTML
<head>
<!-- 감춤
var now = new Date();
var minute = now.getMinutes().toString();
var second = now.getSeconds().toString();
minute = 1;
second = 00;
end=0;
function timeclock(){
if(second == 00) {
minute = minute - 1 ;
second = 60 ;
} else{
second = second-1;
}
if ((minute < 0) && (end==0)) {
alert('카운트 다운 종료');
end=1;
display.innerHTML='<font color=blue>카운트다운은 종료되었슴.</font>';
}
document.clock.txtMins.value = minute;
if (second < 10) {
document.clock.txtSecs.value = 0 + second.toString();
} else {
document.clock.txtSecs.value = second;
}
setTimeout("timeclock()", 1000);
}
// 감춤 끝 -->
</script>
<style>
input{text-align:right; padding-right:.5em;}
</style>
</head>
<body>
..
<table><tr><td>
<form name=clock>
<input name=txtMins size=2>분 <input name=txtSecs size=2>초
</form>
<div id='display'> </div>
<script>timeclock()</script></td></td>
</table>
..
</body>
 중요 사항
- document.clock.txtMins.value = minute;는 form name이 clock 안에서 input name이 txtMins의 값을 변수 minute로 하라는 것이고,
document.clock.txtSecs.value = 0 + second.toString();는 같은 방식으로 초를 표시하되 앞에 '0'을 붙이고 second 변수를 스트링으로 바꾸어 그 뒤에 붙이라는 뜻이다.
- display.innerHTML='<font color=blue>카운트다운은 종료되었슴.</font>';는 name이 'display'인 object 속에 스트링을 넣으라는 뜻으로, 그 안에 HTML tag를 가질 수 있으며, 카운트다운이 종료되면, 계속 카운트는 하지만, 종료되었슴을 알리기 위한 것이다.
|
제공