자바스크립트 기본 예제(실행 즉시 작동시키는 소스, 실시간 시간)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</title>

function showDate(){

var now=new Date();

var y=now.getFullYear();

var m=now.getMonth()+1; // 0~11로 출력하므로

var d=now.getDate();

var hr=now.getHours();

var mi=now.getMinutes();

var sc=now.getSeconds();

var s=y+"-"+m+"-"+d+" "+hr+":"+mi+":"+sc;

document.getElementById("txtNow").value=s;

// document는 window 바로 아랫놈으로 전체 소스를 일컫는것 같다. getElementById() 메소드는 괄호안의 id를 가지고 있는 오브젝트를 불러온다.

setTimeout("showDate()",1000); // 1초후 1번 실행

}

//스크립트를 이용한 onload 이벤트 구현(익스플로러와 폭스 등 브라우져에 대한 실행 부분을 다르게 했다.)

if(window.attachEvent) { // IE 사용자는

//이벤트가 발생하면 특정 기능을 수행

window.attachEvent("onload", function(){showDate();}) //function() : 기능만 하는 익명의 함수

}else if(window.addEventListener){ // FF 사용자는

window.addEventListener("load", function(){showDate();},false);

}

//showDate(); //객체가 값을 저장하기 전에 실행하는 꼴이다.

//위에서 아래로 실행하게 되는데 바디의 문장이 실행되지 않아 객체에 값을 저장하지 않은 상태다

</script>

</head>

<body >

</body>

</html>

자바스크립트 기본 예제(마우를 클릭드래그하여 오브젝트 이동 시키기) (0)	2013.06.25
onkeyup / onkeydown / onkeypress 검증하기 (0)	2013.06.25
자바스크립트 기본 예제(회원약관 동의) (0)	2013.06.25
자바스크립트 기본 예제(아이디 이미지) (0)	2013.06.25
자바스크립트 기본 예제(항목 이동 / 사용자가 옵션 추가) (0)	2013.06.25

T없이맑은날