日付を返すJava Scriptに挑戦！
日付を返すJava Scriptに挑戦です。
日付や時間といったオブジェクトをを新たに作成するには、new Date()を使います。この括弧の中に、どういった日付を入れるのかで、現在の日時だったり、特定の日にちだったり、ファイルの最終更新日だったりします。
そしてそこで作成したオブジェクトをどのように表示するかということで、getFullyearで年を返したり、getDateで日を返したり、getHoursで時間、getMinutesで分だったりを返します。
getTimeについては、その日付オブジェクトが1970年1月1日からどれだけ経過しているかを、ミリ秒で返します。1000をかけて秒に、60をかけて分に、60をかけて時間に、24をかけて1日を表現しています。だから、返ってきたミリ秒を日で換算しているということです。
また、曜日については、getDayで返せるのですが、このときかえってくるデータが、日曜なら0、月曜なら1というような数字なので、これを配列の処理していきます。このとき使うのが、Arrayです。ここではyobiというarray(配列)を定義しています。
ということで、トライです。
サンプルのコード
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<script type="text/javascript">
<!--
shinyear=new Date("3000/1/1");
kyou=new Date();
naoshiday=new Date(document.lastModified);
yobi=new Array();
yobi[0]="日";
yobi[1]="月";
yobi[2]="火";
yobi[3]="水";
yobi[4]="木";
yobi[5]="金";
yobi[6]="土";
// -->
</script>
<title>日付を返すJavaScript</title>
</head>
<body>
<p>
<script type="text/javascript">
<!--
document.write("このファイルが最後に更新されたのは、",naoshiday.getFullYear(),"/",naoshiday.getMonth()+1,"/",naoshiday.getDate(),"です。");
document.write("<br>");
document.write("今日は、",kyou.getFullYear(),"/",kyou.getMonth()+1,"/",kyou.getDate(),"ですから、");
document.write(Math.ceil((kyou.getTime()-naoshiday.getTime())/(1000*60*60*24)),"日間の間修正されていません。");
// -->
</script>
</p>
<p>
<script type="text/javascript">
<!--
document.write("次のミレニアムは、",shinyear.getFullYear(),"年",shinyear.getMonth()+1,"月",shinyear.getDate(),"日",yobi[shinyear.getDay()],"曜日です。");
document.write("<br>");
document.write("カレンダー時計");
document.write("<br>");
document.write("今日は、",kyou.getFullYear(),"年",kyou.getMonth()+1,"月",kyou.getDate(),"日(",yobi[kyou.getDay()],")");
document.write("<br>");
document.write("現在の時刻は、",kyou.getHours(),"時",kyou.getMinutes(),"分",kyou.getSeconds(),"秒");
document.write("<br>");
// -->
</script>
</p>
</body>
</html>どうかな、ちょっとずつできてきたような…。どきどきな見習です。
追加 まったくの余談・感想ですが、曜日を求めるのが、Dayというのはへぇと思います。google先生に聞いてみたところ、What day is today?というのが、曜日を聞く英会話、What date is it today?というのが、日にちを聞く英会話とあります。なんか、曜日なのにDayなの、とおどろきです。そういえば、英語圏では、日本とは違って、日にちより曜日で日付の指定をすることが多いと聞いたことがあります。大統領の選挙とか、アメリカの重要なカレンダーって、何月の第何月曜日とか、曜日で決まってるのが多いですもんね。
2011年12月28日1:20 AM| カテゴリー： Java ScriptとJ Query,見習い奮闘記| コメント (0)
森歩き日記
自称パソプロ化計画
コメントフィード
トラックバックURL: https://pc.beginners-luck.net/pcwp/2011/12/28/java-script-new-date01.html/trackback