ネイティブ JavaScript は time と date_javascript スキルの自動更新を実装します-jsチュートリアル-php.cn

ネイティブ JavaScript は time と date_javascript スキルの自動更新を実装します

WBOY

リリース： 2016-05-16 15:15:46

オリジナル

1549 人が閲覧しました

動的に変更できるものは、静的なものよりも常に魅力的であり、さらに実用的です。たとえば、時刻と日付を自動的に変更する効果は次のとおりです。この効果を実現する方法を紹介するコードです。例は次のとおりです:
1. 特定のコード

<html>
<head>
<meta charset="gb2312">
<title>脚本之家</title>
<script type="text/javascript">
var t = null;
function time(){
 dt = new Date();
 var y=dt.getFullYear();
 var h=dt.getHours();
 var m=dt.getMinutes();
 var s=dt.getSeconds();
 document.getElementById("timeShow").innerHTML="当前时间："+y+"年"+h+"时"+m+"分"+s+"秒";
 t = setTimeout(time,1000);    
} 
window.onload=function(){time()}
</script>
</head>
<body>
<div id="timeShow"></div>
</body>
</html>

ログイン後にコピー

上記のコードは要件を満たしています。実装プロセスを簡単に紹介します。
2. 実施原則
time() 関数は現在の時刻と日付を取得し、関数の最後にあるタイマー関数を使用して time() 関数を再帰的に呼び出すことができます。つまり、 time() 関数は継続的に実行できます。ここでは、時刻と日付の自動更新を実現します。

3. 関連補足情報

JavaScript 時間関数

JavaScript は、時刻と日付を計算するための Date オブジェクトを提供します。 Date オブジェクトには複数のコンストラクターがあります:

1. dateObj=new Date() //現在時刻

2. dateObj=new Date(ミリ秒) //1970 年 1 月 1 日の開始時刻からのミリ秒数

3. dateObj=new Date(datestring) //文字列で表される日付と時刻。この文字列は、「1998 年 1 月 1 日 20:13:15」

など、Date.parse() を使用して変換できます。

4. dateObj=new Date(年、月、日、時、分、秒、マイクロ秒) //すべての時刻値を書き込む必要はありません。それ以外の場合、デフォルトは 0

使用時にオブジェクト関数を呼び出します (
など) year=dateObj.getFull Year();//年の値を取得します

Date オブジェクト の関数一覧です。使用方法は上に示したとおりです。

1)、クラス関数を取得します:

getDate() 関数 -- 日数 (1 ～ 31) を返します
getDay() 関数 -- 曜日 (0-6) を返します
getFull Year() 関数 -- 4 桁の年を返します
getHours() 関数 -- 時間数 (0 ～ 23) を返します
getMilliseconds() 関数 -- ミリ秒数 (0 ～ 999) を返します
getMinutes() 関数 -- 分数 (0 ～ 59) を返します
getMonth() 関数 -- 月数 (0 ～ 11) を返します
getSeconds() 関数 -- 返される秒数 (0 ～ 59)
getTime() 関数 -- タイムスタンプ表現 (ミリ秒単位) を返します
get Year() 関数 -- 年 (実際の年から 1900 を引いたもの) を返します

2)、クラス関数の設定:

(以下の関数はすべて、日付オブジェクトと 1970 年 1 月 1 日の午前 0 時の間のミリ秒数を返します)
setDate() 関数 -- 日付を設定します
setFullyear() 関数 -- 年、月、日を設定します
setHours() 関数 -- 時、分、秒、ミリ秒を設定します
setMilliseconds() 関数 -- ミリ秒数を設定します
setMinutes() 関数 -- 分、秒、ミリ秒を設定します
setMonth() 関数 -- 月と日を設定します
setSeconds() 関数 -- 日付を設定します
setTime() 関数 -- ミリ秒を使用して日付オブジェクトを設定します
setyear() 関数 -- 年を設定します (実際の年から 1900 を引いたもの)

3)、換算表示機能：

toLocalString() 関数 -- ローカライズされた文字列表現
を返します toLocaleDateString 関数 -- 日付部分のローカライズされた文字列を返します
toLocaleTimeString 関数 -- 時間部分のローカライズされた文字列を返します

ローカル出力に関しては、以下もあります:

toString()

toDateString()
toTimeString()

違いは、前者はマシンごとに異なるローカル言語形式を持ち、後者は内部表現形式であることです。

4)、日付解析関数

Date.parse() 関数 -- 日付文字列を解析し、その日付と 1970 年 1 月 1 日の午前 0 時までの間のミリ秒数を返します

以上はJavaScriptの日時に関する詳細な内容であり、皆様の学習のお役に立てば幸いです。