웹 프론트엔드 JS 튜토리얼 javascript_javascript 스킬을 활용하여 오늘 날짜를 실시간으로 표시하는 방법

javascript_javascript 스킬을 활용하여 오늘 날짜를 실시간으로 표시하는 방법

May 16, 2016 pm 03:58 PM
javascript 실시간 디스플레이 날짜

이 글의 예시에서는 자바스크립트를 이용해 오늘 날짜를 실시간으로 표시하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js显示时间</title>
</head>
<body>
<div id="divBottom"></div>
<script type="text/javascript">
//获取当天日期
function date()
{
  var date=new Date();
  var year=date.getFullYear();
  var month=date.getMonth()+1;
  var day=date.getDate();
  var hour="00"+date.getHours();
    hour=hour.substr(hour.length-2);
  var minute="00"+date.getMinutes();
    minute=minute.substr(minute.length-2);
  var second="00"+date.getSeconds();
    second=second.substr(second.length-2);
  var week=date.getDay();
  switch(week)
  {
    case 1:week="星期一 ";break;
    case 2:week="星期二 ";break;
    case 3:week="星期三 ";break;
    case 4:week="星期四 ";break;
    case 5:week="星期五 ";break;
    case 6:week="星期六 ";break;
    case 0:week="星期日 ";break;
    default:week="";break;
  }
  document.getElementById("divBottom").innerHTML=year+"年"+month+"月"+day+"日"+" "+hour+":"+minute+":"+second+" "+week;
}
setInterval("date()",1000);
</script>
</body>
</html>
로그인 후 복사

작동 효과는 아래와 같습니다.

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

웨이보에서 이전 웨이보를 날짜별로 검색하는 방법_웨이보에서 이전 웨이보를 날짜별로 검색하는 방법 웨이보에서 이전 웨이보를 날짜별로 검색하는 방법_웨이보에서 이전 웨이보를 날짜별로 검색하는 방법 Mar 30, 2024 pm 07:26 PM

웨이보에서 이전 웨이보를 날짜별로 검색하는 방법_웨이보에서 이전 웨이보를 날짜별로 검색하는 방법

WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 Dec 17, 2023 pm 02:54 PM

WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법

PPT 유인물에서 인쇄할 때 자동으로 나타나는 날짜를 제거하는 방법 PPT 유인물에서 인쇄할 때 자동으로 나타나는 날짜를 제거하는 방법 Mar 26, 2024 pm 08:16 PM

PPT 유인물에서 인쇄할 때 자동으로 나타나는 날짜를 제거하는 방법

WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 Dec 17, 2023 pm 05:30 PM

WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술

Ubuntu 17.10의 상단 표시줄에 날짜와 초를 표시하는 방법은 무엇입니까? Ubuntu 17.10의 상단 표시줄에 날짜와 초를 표시하는 방법은 무엇입니까? Jan 08, 2024 am 10:41 AM

Ubuntu 17.10의 상단 표시줄에 날짜와 초를 표시하는 방법은 무엇입니까?

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 Dec 17, 2023 am 09:39 AM

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 Dec 17, 2023 pm 12:09 PM

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법

Excel에서 날짜를 파운드 기호로 변경하는 방법 Excel에서 날짜를 파운드 기호로 변경하는 방법 Mar 20, 2024 am 11:46 AM

Excel에서 날짜를 파운드 기호로 변경하는 방법

See all articles