インターネット活用塾
6−(7)現在時刻の表示
ホームページに現在時刻を表示する方法
1.アクセスした日時を表示するJavaScript
サンプル
・年月日時分秒:
・年月日:
・曜日:
・時分秒:
JavaScript
下記のJavaScriptをコピーし<BODY></BODY>内に貼り付けるだけ
・年月日時分秒
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> <!-- var Nowymdhms = new Date(); var NowYear = Nowymdhms.getYear(); var NowMon = Nowymdhms.getMonth() + 1; var NowDay = Nowymdhms.getDate(); var NowWeek = Nowymdhms.getDay(); var NowHour = Nowymdhms.getHours(); var NowMin = Nowymdhms.getMinutes(); var NowSec = Nowymdhms.getSeconds(); var Week = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"); if(NowHour < 10){ NowHour = "0"+NowHour; } if(NowMin < 10){ NowMin = "0"+NowMin; } document.write(NowYear+"年"+NowMon+"月"+NowDay+"日("+Week[NowWeek]+") "+NowHour+":"+NowMin+":"+NowSec) // --> </SCRIPT>
・年月日
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> <!-- var Nowymdhms = new Date(); var NowYear = Nowymdhms.getYear(); var NowMon = Nowymdhms.getMonth() + 1; var NowDay = Nowymdhms.getDate(); document.write(NowYear+"年"+NowMon+"月"+NowDay+"日") // --> </SCRIPT>
・曜日
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> <!-- var Nowymdhms = new Date(); var NowWeek = Nowymdhms.getDay(); var Week = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"); document.write(Week[NowWeek]) // --> </SCRIPT>
・時分秒
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> <!-- var Nowymdhms = new Date(); var NowHour = Nowymdhms.getHours(); var NowMin = Nowymdhms.getMinutes(); var NowSec = Nowymdhms.getSeconds(); if(NowHour < 10){ NowHour = "0"+NowHour; } if(NowMin < 10){ NowMin = "0"+NowMin; } document.write(NowHour+":"+NowMin+":"+NowSec) // --> </SCRIPT>
2.現在時刻の表示
(リアルタイム)
サンプル
現在時刻:
JavaScript
下記のJavaScriptをコピーし<BODY></BODY>内に貼り付けるだけ
<script language="JavaScript"> <!-- function myTimeprev(){ var Nowymdhms = new Date(); var NowYear = Nowymdhms.getYear(); var NowMon = Nowymdhms.getMonth() + 1; var NowDay = Nowymdhms.getDate(); var NowWeek = Nowymdhms.getDay(); var NowHour = Nowymdhms.getHours(); var NowMin = Nowymdhms.getMinutes(); var NowSec = Nowymdhms.getSeconds(); var Week = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"); myMsg = NowYear+"年"+NowMon+"月"+NowDay+"日("+Week[NowWeek]+")"+NowHour+"時"+NowMin+"分"+NowSec+"秒"; document.myTime.myMsg.value = myMsg; } // --> </script> <script language="JavaScript"> <!-- setInterval("myTimeprev()",1000); // --> </script> <form name="myTime"> 現在時刻: <input type="text" size="40" name="myMsg"> </form>
© Copy Right 2001 Chama.ne.jp