インターネット活用塾
６−（７）現在時刻の表示
ホームページに現在時刻を表示する方法
１．アクセスした日時を表示する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>
２．現在時刻の表示
(リアルタイム)
サンプル
現在時刻：
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>
<script Language="javascript" Src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=11813&pid=871588528"></script> <noscript><a Href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=11813&pid=871588528" target="_blank" ><img Src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=11813&pid=871588528" height="60" width="468" Border="0"></a></noscript>
© Copy Right 2001 Chama.ne.jp
