자바스크립트로 현재 시간을 얻는 방법

Javascript에서는 Date 개체의 Date() 메서드를 사용하여 현재 시간을 가져올 수 있으며, 이는 날짜와 시간을 반환할 수 있습니다. 또한 "new Date()"를 사용하여 시간 개체를 생성할 수도 있습니다. 내장된 시간 읽기를 사용하여 연도, 월, 일, 시, 분, 초 및 기타 정보를 각각 가져오는 방법을 가져옵니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

자바스크립트에서는 Date 개체의 Date() 메서드를 사용하여 현재 시간을 가져올 수 있습니다. Date() 메서드는 오늘 날짜와 시간을 반환합니다.

Date()

예: 오늘 날짜와 시간을 출력합니다.

console.log(Date())

출력:

또는 Date 개체에서 다른 방법을 사용하여 시간 형식을 지정하고 고정된 형식으로 시간을 표시합니다.

먼저 new Date()를 사용하여 현재 시간 객체를 생성한 다음 접두사 시간 읽기 방법으로 get을 사용하여 현재 시간의 연도, 월, 일, 시, 분, 초 및 기타 정보를 얻고 마지막으로 매 시간마다 설정합니다. 타이머를 통해 두 번째 실시간 업데이트를 달성하려면 한 번 실행하세요.

【조작 단계】

1) 시간 표시 기능을 설계합니다. 이 기능에서는 먼저 Date 객체를 생성하고 현재 시간을 가져온 다음 연도, 월, 일, 시, 분, 초 및 기타 정보를 가져옵니다. 그리고 마지막으로 이를 시간 문자열로 조합하여 반환합니다.

var showtime = function () {
    var nowdate = new Date();
    var year = nowdate.getFullYear(),
        month = nowdate.getMonth() + 1,
        date = nowdate.getDate(),
        day = nowdate.getDay(),
        week = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
        h = nowdate.getHours(),
        m = nowdate.getMinutes(),
        s = nowdate.getSeconds(),
        h = checkTime(h),
        m = checkTime(m),
        s = checkTime(s);
    return year + "年" + month + "月" + date + "日" + week[day] + " " + h +":" + m + ":" + s;
}

2) 일반적으로 보는 시간 형식은 일반적으로 00:00:01이고 getHours(), getMinutes() 및 getSeconds() 메서드는 00~09가 아닌 0~9의 형식을 가져오기 때문입니다. 그래서 9에서 10으로, 한 자리에서 두 자리로 바뀌는 과정에서 59초에서 0초로, 59분에서 0분으로, 23시간에서 0시간으로 바뀌기도 합니다. 예를 들어 23:59:59의 다음 초는 00:00:00이어야 하지만 실제로는 0:0:0입니다. 이렇게 하면 시각적으로 숫자도 갑자기 증가하거나 감소합니다. 일종의 흔들림을 유발합니다.

한 자리 시간을 두 자리 표시로 변경하려면 아래 보조 기능을 정의하세요.

var checkTime = function (i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

3) 페이지에 태그를 추가하고 id 값을 설정합니다.

<h1 id="showtime"></h1>

4) 타이머를 라벨에 바인딩하고 타이머에서 매초마다 시간 표시 기능이 호출되도록 설정합니다.

var div = document.getElementById("showtime");
setInterval (function() {
    div.innerHTML = showtime();
}, 1000);  //反复执行函数

표시된 결과는 다음과 같습니다.

[관련 권장사항: javascript 학습 튜토리얼]

위 내용은 자바스크립트로 현재 시간을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!