본문 바로가기

IT/웹프로그래밍

[자바스크립트]setInterval를 이용한 타이머 만들기 안녕하세요 오늘은 setInterval을 이용해서 타이머를 만들어보겠습니다. 우선 타이머를 만들기 위해서는 Date 객체를 알아야 합니다. Date객체는 var date = new Date()로 선언하시면 되는데 이 객체로 현재 연, 월, 일, 시간등을 알 수 있습니다. Date 객체의 메소드 설명 getFullYear() 현재 연도를 반환해준다. getMonth() 월을 반환해준다. 다만 1월을 0으로 12월을 11로 반환해주니 주의. getDate() 현재 일을 반환해준다. getDay() 요일을 반환해준다. 0(일요일)부터 6(토요일) 사이의 값으로 반환. getHousr() 시간을 리턴해준다. getMinutes() 분을 반환해준다. getSeconds() 초를 반환해준다. 이 표는 Date 객체.. 더보기
[자바스크립트] setTimeout과 setInterval 자바스크립트에는 일정시간을 계산한 후 특정 함수를 실행하는 함수가 있습니다. setTimeout과 setInterval인데요. 두 함수의 차이점은 Timeout은 특정 시간 후 단 한번 그 함수를 실행하지만 Interval은 반복해 서 실행 합니다. setTimeout의 예제입니다. 3초가 되면 3초가 되었다는 경고창을 띄우게 됩니다. 뒤의 3000은 시간인데 1000당 1초의 값을 가지 고 있습니다. 이렇게 3초가 지나자 경고창이 띄어지는 것을 확인할 수 있습니다. setInterval의 예제입니다. 이 함수는 계속 반복하는 만큼 멈추는 함수가 필요한데 그 함수가 clearInterval입니다. 이 함수를 사 용하면 멈추게 됩니다. 이 예제에서는 계속 출력하는 걸 멈추게 하는 역할이죠. 이렇게 10이 .. 더보기
HTML 기본 구조 안녕하세요 웹 프로그래밍 언어 중 하나인 HTML의 기본 구조에 대해서 포스팅 하겠습니다. 보통 처음 HTML을 접할 때는 메모장을 애용하므로 메모장을 사용합시다. 메모장으로 작성 후 확장자를 .html로 만드시면 됩니다. HTML의 기본 구조는 이렇게 됩니다. 각각 설명을 하자면 HTML 문서 시작을 알리는 태그입니다. 끝에 로 닫아줘야하며 웹문서에 변화를 주지않습니다. 로 닫아줘야 합니다. 웹 브라우저의 제목 표시줄에 표시되는 제목을 입력하는 태그입니다. 로 닫아줘야합니다. 몸체부분의 시작을 알리는 태그입니다. 실질적으로 웹 문서를 기록하는 부분입니다. 로 닫아줍니다. 이렇게 기본 태그 설명이 끝났습니다. 그러면 한번 사용해볼까요? 파일은 기본 태그.html로 저장했고 title과 body 태그 부분.. 더보기