ホームページ > 記事 > ウェブフロントエンド > ネイティブ JavaScript は time と date_javascript スキルの自動更新を実装します
ネイティブ JavaScript は time と date_javascript スキルの自動更新を実装します
- WBOYオリジナル
- 2016-05-16 15:15:461523ブラウズ
動的に変更できるものは、静的なものよりも常に魅力的であり、さらに実用的です。たとえば、時刻と日付を自動的に変更する効果は次のとおりです。この効果を実現する方法を紹介するコードです。例は次のとおりです:
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 を引いたもの) を返します
(以下の関数はすべて、日付オブジェクトと 1970 年 1 月 1 日の午前 0 時の間のミリ秒数を返します)
setDate() 関数 -- 日付を設定します
setFullyear() 関数 -- 年、月、日を設定します
setHours() 関数 -- 時、分、秒、ミリ秒を設定します
setMilliseconds() 関数 -- ミリ秒数を設定します
setMinutes() 関数 -- 分、秒、ミリ秒を設定します
setMonth() 関数 -- 月と日を設定します
setSeconds() 関数 -- 日付を設定します
setTime() 関数 -- ミリ秒を使用して日付オブジェクトを設定します
setyear() 関数 -- 年を設定します (実際の年から 1900 を引いたもの)
toLocalString() 関数 -- ローカライズされた文字列表現
を返します
toLocaleDateString 関数 -- 日付部分のローカライズされた文字列を返します
toLocaleTimeString 関数 -- 時間部分のローカライズされた文字列を返します
toString()
toDateString()
toTimeString()
4)、日付解析関数
Date.parse() 関数 -- 日付文字列を解析し、その日付と 1970 年 1 月 1 日の午前 0 時までの間のミリ秒数を返します
以上はJavaScriptの日時に関する詳細な内容であり、皆様の学習のお役に立てば幸いです。