<!DOCTYPE html>
<html lang="ko" >
<head>
<meta charset="utf-8" >
<title> Studying Java Script</title >
</head>
<body>
<h1> Studying JavaScript</h1 >
<p> < input type ="button" value="click!!" id="myButton"></ p>
<script>
// 이벤트 처리
var e = document.getElementById('myButton' );
e.onclick = function(){
// 여기서 한번만 쓰는 메소드 이므로 이름도 없고 따로 정의도 하지 않는다.
alert( "Clicked1!"); // 버튼을 클릭하면 클릭했다는 창을 띄운다.
}
// 타이머 처리
// setTimeout: 일정 시간 후에 무언가 한다.
setTimeout( function(){
console.log( "passed 2 second");
}, 2000); // 2초 후에 로그에 메세지가 표시
// setInterval : 일정 주기로 무언가 한다.
var i = 0;
setInterval( function(){
console.log(i);
i++;
}, 1000); // 1초마다 로그에 숫자를 표시한다.
</script>
</body>
</html>
|
|
passed 2 second event.html:22
8
|
No comments:
Post a Comment