Daily coding

JavaScript : Timer ( setInterval ) 타이머 본문

Front-end/Java Script

JavaScript : Timer ( setInterval ) 타이머

sunnnkim 2020. 1. 6. 16:07

Timer ( setInterval )

: 정해진 시간간격으로  함수를 호출한다

 

function displayDate() {
        document.getElementById("demo").innerHTML = Date(); <--- demo 라는 아이디를 가진 태그에 현재 시간 출력
        document.getElementById("_id").value = Date(); <--- _id 라는 아이디를 가진 태그에 현재 시간 출력
        // Date() : 현재 시간을 얻어옴
}

 

 


setInterval("호출할 함수명", 몇 초마다 호출할지 지정)

  : 정해진 시간간격으로  함수 호출 


setInterval ("displayDate()", 1000); ---> 1000초로 하면 1초마다 함수 갱신됨

// 시간이 정해 진 간격마다 실시간으로 바뀜

 

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

Timer
<p id="demo">흔한이름은 아이디로 안쓰는것이 좋다</p>
<br><br>

<input type="text" id="_id" size="50">
<br><br>

<script type="text/javascript">
function displayDate() {
	document.getElementById("demo").innerHTML = Date(); 
	document.getElementById("_id").value = Date(); 
	// Date() : 현재 시간을 얻어옴
	
	
}
displayDate();

// setInterval("호출할 함수명", 몇 초마다 호출할지 지정) : 정해진 시간간격으로  함수 호출
setInterval("displayDate()", 1000);	// 시간이 정해	진 간격마다 실시간으로 바뀜



</script>

</body>
</html>

'Front-end > Java Script' 카테고리의 다른 글

JavaScript : checkBox 누르면 금액 추가되는 예제  (0) 2020.01.06
JavaScript : Date()함수로 날짜구하기  (0) 2020.01.06
JavaScript : parseInt  (0) 2020.01.06
JavaScript : 자바스크립트 함수의 타입  (0) 2020.01.06
JavaScript : 변수와 배열 Variable & Array  (0) 2020.01.06
'Front-end/Java Script' Related Articles more