웹사이트의 코드에 날짜와 시간을 추가합니다.
이미지 크레디트: Baitong333/iStock/게티 이미지
웹 사이트에 현재 날짜와 시간을 추가하면 사이트 방문자가 페이지를 새로 고칠 때 사이트에서 최소한 하나의 항목이 변경됩니다. 날짜 및 시간 형식으로 작업하기 위해 PHP, JAVA 또는 ASP.NET과 같은 고급 프로그래밍 언어를 배울 필요가 없습니다. JavaScript와 기본 HTML을 사용하면 몇 줄의 코드로 웹사이트에 날짜와 시간을 삽입할 수 있습니다.
1 단계
메모장, HTML 편집기 또는 일반 텍스트를 생성하는 모든 응용 프로그램을 사용하여 웹 페이지 중 하나를 엽니다. 편집되지 않은 사이트 코드의 사본을 유지하려면 파일을 편집하기 전에 복제하십시오.
오늘의 비디오
2 단계
HTML의 첫 번째 "" 태그 뒤에 다음 코드를 추가합니다.
이것은 빈 "div" 블록을 생성합니다.
3단계
HTML에서 닫는 " " 태그 앞에 다음 코드를 추가합니다.
이 JavaScript 함수는 페이지가 로드된 후 실행됩니다. "dateTime" 변수는 시스템 날짜와 시간을 보유합니다. "formattedDateTime" 변수는 dateTime을 문자로 구분된 두 개의 형식화된 값으로 나눕니다. 하나는 날짜용이고 다른 하나는 시간용입니다. "구분 기호"에 정의되어 있습니다. 마지막 두 문은 형식이 지정된 날짜 및 시간 문자열을 본문 섹션에 정의된 "div" 태그에 추가합니다. HTML.
4단계
문서를 저장하고 브라우저에서 엽니다. 날짜와 시간은 "div" 태그를 배치한 위치에 나타납니다. 페이지를 새로고침하여 값 변경을 확인하세요.
팁
구분 기호 변수에는 선택한 모든 문자가 포함될 수 있습니다. 이 예에서는 대시를 사용합니다.
