ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptで現在時刻を取得する方法

JavaScriptで現在時刻を取得する方法

青灯夜游
青灯夜游オリジナル
2021-06-29 17:20:1286070ブラウズ

JavaScript では、Date オブジェクトの Date() メソッドを使用して現在時刻を取得でき、その日の日付と時刻を返すことができます。また、「new Date()」を使用して時刻オブジェクト。組み込みの時刻読み取りメソッドを使用して、年、月、日、時、分、秒、その他の情報をそれぞれ取得します。

JavaScriptで現在時刻を取得する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript では、Date オブジェクトの Date() メソッドを使用して現在時刻を取得できます。 Date() メソッドは、今日の日付と時刻を返します。

Date()

例: 今日の日付と時刻を出力します。

console.log(Date())

出力:

JavaScriptで現在時刻を取得する方法

または、Date オブジェクトの別のメソッドを使用して時間をフォーマットします。 、時間を固定形式で表示します。

最初に new Date() を使用して現在の時刻オブジェクトを作成し、次に get をプレフィックスの時刻読み取りメソッドとして使用して現在の年、月、日、時、分、秒などの情報を取得し、最後に使用しますタイミング リアルタイム更新を実現するために、サーバー設定は 1 秒に 1 回実行されます。

【操作手順】

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 から 9 までの形式ではなく、0 から 9 までの形式を取得するためです。 09.フォーマット。つまり、9 から 10、1 桁から 2 桁に変化する過程で、59 秒から 0 秒、または 59 分から 0 分、または 23 時間から 0 時間にも変化します。たとえば、23:59:59 の次の 1 秒は 00:00:00 であるはずですが、実際には 0:0:0 であるこのように、形式は統一されておらず、視覚的にも数値が急激に増加または減少しています。一種の震えを引き起こす。

以下は、1 桁の時間を 2 桁の表示に変更するための補助関数を定義します。

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

3) ページにタグを追加し、id の値を設定します。

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

4) ラベルにタイマーをバインドし、タイマー内で 1 秒ごとに呼び出される時刻表示関数を設定します。

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

表示される結果は次のとおりです:

JavaScriptで現在時刻を取得する方法

[関連する推奨事項: JavaScript 学習チュートリアル]

以上がJavaScriptで現在時刻を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。