WEB.JS/04.함수_JS
chapter14 : 함수문제
GAWON
2023. 5. 19. 17:36
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1 id="clock">0000-00-00 00:00:00</h1>
<input type="button" value="현재시간 출력!" onclick= "start();">
<input type="button" value="정지"onclick= "stop();">
<script type="text/javascript">
```
var clock = document.getElementById("clock")
function watch() {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var d = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var seconds = date.getSeconds();
var timer;
if(seconds < 10){
seconds = "0" + seconds;
}
if(minute < 10){
minute = "0" + minute;
}
if(hour < 10){
hour = "0" + hour;
}
if(d < 10 ){
d = "0" + d;
}
if(month < 10){
month = "0" + month;
}
clock.innerHTML = `${year}-${month}-${d} ${hour}:${minute}:${seconds}`;
}
//setInterval(watch,1000);
//watch();
var id2;
function start(){
id2 = setInterval(watch ,1000);
}
function stop(){
clearInterval(id2);
}
```
</script>
</body>
</html>