ＪＡＶＡＳＣＲＩＰＴ-時間に関係する処理-


アクセス日時の表示、リアルタイムクロック（テキストボックス、ステータスバー、画像）、

時刻によって異なる挨拶を表示、最終更新日時の表示




アクセス日時の表示　[NN3,4 IE3,4,5]　sample
<HTML>
<HEAD>
<TITLE>アクセス日時の表示</TITLE>
<SCRIPT language="JavaScript">
<!--
acDate=new Date();
myYear=acDate.getYear();
if(myYear<2000){myYear=myYear+1900};
myMonth=acDate.getMonth();
myDate=acDate.getDate();
acDay=new Array("日","月","火","水","木","金","土");
myDay=acDay[acDate.getDay()];
myHour=acDate.getHours();
myMinute=acDate.getMinutes();
mySecond=acDate.getSeconds();
// -->
</SCRIPT>
 </HEAD>
<BODY>
<CENTER>
<SCRIPT language="JavaScript">
<!--
document.write("あなたがアクセスしたのは、",myYear,"年",myMonth+1,"月",myDate,"日",myDay,"曜日",myHour,"時",myMinute,"分",mySecond,"秒です。");
// -->
</SCRIPT>
 </CENTER>
</BODY>
</HTML>





リアルタイムクロック（テキストボックス）　[NN3,4 IE3,4,5]　sample
<HTML>
<HEAD>
<TITLE>リアルタイムクロック（テキストボックス）</TITLE>
<SCRIPT language="JavaScript">
<!--
function Clock(){
acDate=new Date();
myHour=acDate.getHours();
myMinute=acDate.getMinutes();
mySecond=acDate.getSeconds();
document.myform.myclock.value=myHour+"時"+myMinute+"分"+mySecond+"秒";
setTimeout("Clock()",1000);
}
// -->
</SCRIPT>
 </HEAD>
<BODY onLoad="Clock()">
<CENTER>
<FORM name="myform">
現在の時刻：<INPUT name="myclock" size="20">
</FORM>
</CENTER>
</BODY>
</HTML>





リアルタイムクロック（ステータスバー）　[NN3,4 IE3,4,5]　sample
<HTML>
<HEAD>
<TITLE>リアルタイムクロック（ステータスバー）</TITLE>
<SCRIPT language="JavaScript">
<!--
function Clock(){
myDate=new Date();
window.status=myDate.toLocaleString();
setTimeout("Clock()",1000)
}
// -->
</SCRIPT>
 </HEAD>
<BODY onLoad="Clock()">
<CENTER>
ステータスバーに現在の時刻を表示。
</CENTER>
</BODY>
</HTML>





リアルタイムクロック（画像）　[NN3,4 IE4,5]　sample
<HTML>
<HEAD>
<TITLE>リアルタイムクロック（画像）</TITLE>
<SCRIPT language="JavaScript">
<!--
numImg=new Array()
for(i=0;i<=9;i++){
numImg[i]=new Image();
numImg[i].src=i+".gif";
}

function Clock(){
acDate=new Date();
myHour=new String(acDate.getHours());
if (eval(myHour)<10)myHour="0"+myHour;
myMinute=new String(acDate.getMinutes());
if (eval(myMinute)<10)myMinute="0"+myMinute;
mySecond=new String(acDate.getSeconds());
if (eval(mySecond)<10)mySecond="0"+mySecond;

document.hour1.src=numImg[myHour.charAt(0)].src
document.hour2.src=numImg[myHour.charAt(1)].src
document.minute1.src=numImg[myMinute.charAt(0)].src
document.minute2.src=numImg[myMinute.charAt(1)].src
document.second1.src=numImg[mySecond.charAt(0)].src
document.second2.src=numImg[mySecond.charAt(1)].src
setTimeout("Clock()",1000);
}
// -->
</SCRIPT>
 </HEAD>
<BODY onLoad="Clock()">
<CENTER>
現在の時刻：
<IMG src="0.gif" name="hour1">
<IMG src="0.gif" name="hour2">時
<IMG src="0.gif" name="minute1">
<IMG src="0.gif" name="minute2">分
<IMG src="0.gif" name="second1">
<IMG src="0.gif" name="second2">秒
</CENTER>
</BODY>
</HTML>





時刻によって異なる挨拶の表示　[NN3,4 IE3,4,5]　sample
<HTML>
<HEAD>
<TITLE>時刻によって異なる挨拶の表示</TITLE>
<SCRIPT language="JavaScript">
<!--
acDate=new Date();
myHour=acDate.getHours();
// -->
</SCRIPT>
 </HEAD>
<BODY>
<CENTER>
<SCRIPT language="JavaScript">
<!--
if(myHour<=5){
document.write("早起きですね。");
}else if(myHour<=10){
document.write("おはよう。");
}else if(myHour<=17){
document.write("こんにちは。");
}else if(myHour<=22){
document.write("こんばんは。");
}else if(myHour<=24){
document.write("もう寝ようよ？");
}
// -->
</SCRIPT>
 </CENTER>
</BODY>
</HTML>





最終更新日の表示　[NN3,4 IE3,4,5]　sample
<HTML>
<HEAD>
<TITLE>最終更新日の表示</TITLE>
</HEAD>
<BODY>
<script language="JavaScript">
<!--
var last=new Date(document.lastModified);
var day=last.getDate();
var month=last.getMonth()+1;
var year=last.getFullYear();
document.write("Last Update　"+year+"/"+month+"/"+day);
 // -->
</script>
</BODY>
</HTML>







JAVASCRIPT     トップページ     ニードフォースピード     パソコン     ファルコム     掲示板     Lightblue