1. setInterval / clearInterval 의 원형
| 시 수 | 선 수 학 습 | 학 습 목 표 |
| - 객채의 개념 | setInterval clearInterval 1. 타이머를 설정/중지 할 수 있다. 2. 상태 표시줄에 시간을 표시 할 수 있다. |
| 변수 = setInterval(func, msec, arg1, arg2, arg3...) clearInterval(변수) |
[예제] 실습 예제(시계 만들기)
<html>
<head>
<SCRIPT language="javascript">
function stopclock(){
clearInterval(timerID)
}
function startclock(){
timerID=setInterval("showtime()",100)
}
function showtime(){
now= new Date()
hours= now.getHours()
minutes= now.getMinutes()
seconds= now.getSeconds()
timeValue= ""+ ((hours> 12)? hours- 12: hours)
timeValue+= ((minutes< 10)? ":0": ":")+ minutes
timeValue+= ((seconds< 10)? ":0": ":")+ seconds
timeValue+= (hours>= 12)? " P.M. ": " A.M. "
document.clock.face.value= timeValue
window.status = timeValue;// 상태 표시줄에 표시
}
</SCRIPT>
</head>
<BODY TEXT="#8000FF" BGCOLOR="#FFCC00"
LINK="#0000ff" VLINK="#7f00ff" ALINK="#ffffff">
<center>
<form name=clock>
<input type=text name=face size=20 value= "">
<input type=button value= "start" onclick="startclock()">
<input type=button value= "stop" onclick="stopclock()">
</form>
[실행 결과]
댓글