반응형
*1초마다 갱신하기
<script>
function startInterval() {
setInterval(printCurrentDate, 1000); // 1초의 ms (1000)
}
function printCurrentDate() {
document.getElementById("my_date").innerHTML = new Date();
// DOM으로 HTML에 있는 p의 id (my_date) 접근하여 출력
}
</script>
</head>
<body>
<button onclick="startInterval()"> 날짜 갱신 </button> // 버튼생성하여 클릭
<p id="my_date">
//여기에 출력됨
</p>
</body>
결과
처음엔 버튼이 보인다.
클릭하면 1초뒤에 Fri May 22 2020 15:14:52 GMT+0900 (대한민국 표준시) 가 뜨고
1초마다 데이터가 갱신되어서 초가 계속 변함
반응형
'참고 > JAVASCRIPT' 카테고리의 다른 글
| setInterval / clearInterval (0) | 2020.06.02 |
|---|---|
| JSON - Javascript Object Notation (0) | 2020.05.26 |
| 로또 lotto (0) | 2020.05.22 |
| 재귀함수 - Recursive Function (0) | 2020.05.21 |
| 배열 - slice, splice, concat, pop, push (0) | 2020.05.19 |
댓글