Search

_0501_setInterval3

대분류
STEP05 비동기
소분류
비동기

영상

개념

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #content { width: 300px; height: 300px; font-size: 100px; text-align: center; /* 텍스트 가로 가운데 정렬 */ line-height: 300px; /* 텍스트 세로 가운데 정렬 */ border: 1px solid black; } </style> </head> <body> <div id="content"> 0 </div> <script> let element = document.getElementById("content"); let cnt = 0; // 익명 함수 구조 /* setInterval(function() { cnt++; element.innerHTML = cnt; }, 1000); */ // 일반 함수 구조 function addCnt() { cnt++; element.innerText = cnt; } setInterval(addCnt, 1000); </script> </body> </html>
Java
복사