jsで現在時刻を取得して表示する方法

js は、Date オブジェクトを通じて現在の日付と時刻を取得できます。Date() を使用して現在のシステム時刻を取得し、getFull Year()、getMonth()、getDate()、getHours() などのメソッドを使用して、 innerHTM メソッドで時刻が表示されます。

今回はjsを使って現在時刻を取得して表示する方法を紹介しますので、まずは具体的な内容から見ていきましょう。 [おすすめの関連ビデオチュートリアル: JavaScript チュートリアル ]

まず、最新の情報を取得するために js で必要なメソッドのいくつかを見てみましょう。時刻:

現在の時刻を取得する:

var d = new Date();//获取系统当前时间

特定の形式で時刻を取得する:

1. 現在の年を取得します

get Year() メソッド: 年 (2 桁または 4 桁) を取得でき、その戻り値は年です。現在の Date オブジェクトを表すフィールドです。

説明: 年が 1900 年から 1999 年までの場合、get Year() メソッドは 2 桁の値のみを返します。年が 1900 年より前または 1999 年以降の場合は、 4桁の値。例:

var d = new Date();
console.log(d.getYear());

var born = new Date("1983");
console.log(born.getYear());

レンダリング:

注: get Year() メソッドは完全な年を取得できません。ECMAScript v3 以降では、 getFull Year() メソッドがこれに置き換わりますが、ほとんど使用されません。

getFull Year() メソッド: 現在の完全な年 (4 桁、1970-????) を取得できます。例:

var d = new Date();
console.log(d.getFullYear());

var born = new Date("1983");
console.log(born.getFullYear());

レンダリング:

2. 現在の月を取得します

getMonth() : 現地時間で月を取得できます。

注: getMonth() メソッドによって返される値は、0 (1 月を示す) から始まり 11 (12 月を示す) で終わる整数です。つまり、To を指定したい場合は 0 から 11 までの整数です。現在時刻と同じ月を取得するには、getMonth() メソッドによって返される値に 1 を加算します。例:

var d=new Date();
console.log(d.getMonth());
console.log(d.getMonth()+1);

レンダリング:

3. 現在の日数を取得します

getDate () : 現地時間を使用して月の特定の日を返すことができます。戻り値は 1 ～ 31 の整数です。例

var d = new Date()；
console.log(d.getDate())

var d = new Date(“July 21, 1983”)；
console.log(d.getDate())

レンダリング:

4. 現在時刻を取得します

getHours (): 時間数を取得します。返される時間の値は 0 ～ 23 の整数です。

getMinutes(): 分数を取得します。返される分の値は 0 ～ 59 の整数です。

getSeconds(): 秒数を取得します。返される秒の値は 0 ～ 59 の整数です。

例: 現在時刻を取得します。

var d = new Date();
var hour= d.getHours();//得到小时数
var minute= d.getMinutes();//得到分钟数
var second= d.getSeconds();//得到秒数

js 現在時刻の取得と表示例:

html css コード

<style>
 .time span{display:inline-block;width:40px;height: 20px;}
</style>

<div class="time">当前时间：<br><br>

     <span id="y"></span>年

     <span id="mo"></span>月

     <span id="d"></span>日

     <span id="h"></span>时

     <span id="m"></span>分

     <span id="s"></span>秒
     <span id="time1">1</span>//调用show()函数
</div>

js コード:

function show(){
var now = new Date();
var year = now.getFullYear(); //得到年份
var month = now.getMonth()+1;//得到月份
var date = now.getDate();//得到日期
// var day = now.getDay();//得到周几
var hour= now.getHours();//得到小时数
var minute= now.getMinutes();//得到分钟数
var second= now.getSeconds();//得到秒数


document.getElementById("y").innerHTML=year;

document.getElementById("mo").innerHTML=month;

document.getElementById("s").innerHTML=date;
document.getElementById("h").innerHTML=hour;

document.getElementById("m").innerHTML=minute;

document.getElementById("s").innerHTML=second;
setTimeout(show,1000);//定时器一直调用show()函数
return "";
}

レンダリング:

要約: 上記がこの記事の全内容です。皆さんの学習に役立つことを願っています。

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