..



 ■HomeJavaScriptサンプル集〔基本編〕−HPアクセサリー(日付表示)

JavaScript 無料のフリースクリプト集...

日付表示
日付表示

 日付を表示します。ドキュメント、テキストボックス、タイトルバー、ステータスバーに表示します。



 HPでの使用方法
<head></head>タグ間と<body>〜</body>タグ間の編集

 タイトルバーやステータスバーに表示する場合は、プログラムを実行するHTMLの<head>〜</head>タグ間に緑字の部分を挿入し、<body>タグに赤字の部分を挿入してください。テキストボックスやドキュメントに日付を表示する場合は<body>〜</body>タグ間に青字の部分を選んで挿 入してください。

<script language="JavaScript"><!--
function hizuke()
{
   var dt=new Date();// 日付を取得
   var dy=dt.getYear();
   var dm=dt.getMonth()+1;
   var dd=dt.getDate();
   var dw=dt.getDay();
   var wn=["sun","mon","tue","wed","thu","fri","sat"];
   if(dy<2000){dy+=1900;}
   var str=dy+"/"+dm+"/"+dd+"("+wn[dw]+")";
   document.title=str;//←タイトルバーに表示
   window.status=str;//←ステータスバーに表示
}
// --></script>

<body onLoad="hizuke()">

<!-- テキストボックスに表示する場合 -->
<form name="myForm">
<input type="text" name="myText">
</form>
<script language="JavaScript"><!--
   var dt=new Date();// 日付を取得
   var dy=dt.getYear();
   var dm=dt.getMonth()+1;
   var dd=dt.getDate();
   var dw=dt.getDay();
   var wn=["sun","mon","tue","wed","thu","fri","sat"];
   if(dy<2000){dy+=1900;}
   var str=dy+"/"+dm+"/"+dd+"("+wn[dw]+")";
   document.myForm.myText.value=str;//←テキストボックスに表示
//--></script>

<!-- ドキュメントに表示する場合 -->
<div id="hizuke">--:--:--</div>
<script language="JavaScript"><!--
   var dt=new Date();// 日付を取得
   var dy=dt.getYear();
   var dm=dt.getMonth()+1;
   var dd=dt.getDate();
   var dw=dt.getDay();
   var wn=["sun","mon","tue","wed","thu","fri","sat"];
   if(dy<2000){dy+=1900;}
   var str=dy+"/"+dm+"/"+dd+"("+wn[dw]+")";
   document.getElementById("hizuke").innerHTML=str;//←ドキュメントに表示
//--></script>


..


..


..