JAVASCRIPT


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

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





アクセス日時の表示 [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>








JSトップページへ戻る


[PR] | 美容整形看護師 求人美容整形インプラント消費者金融防犯カメラ洋楽アルバイトならenインプラント転職サイトSEOアクセス解析ハウスメーカーレンタルオフィスSEO対策消費者金融不動産担保ローン時計車 買取ハワイハワイ挙式アスクル転職生命保険テンプレート沖縄旅行動画FX免許合宿二輪引越し消費者金融税理士ゴルフ会員権留学レーシックマッサージ貸し店舗FX投資信託くりっく365アフィリエイト育毛剤FXホームページ制作デイトレードFXホノルルマラソンベスト ハワイ ホテル レーツバリ島ハワイウエディングHawaii hotelsHawaii Activitiesbhhr
【運営会社「パラダイムシフト」サービス】 ハワイ現地オプショナルツアーリラックマ.ハワイ ブログ) - ビジネスクラス航空券 - 格安航空券(1) - 格安航空券(2) - 海外ホテル - 韓国旅行
無料ホームページ作成 - レンタルサーバー - 携帯ホームページ - ブログ - ホテル 予約 - 格安航空券 - 長期滞在 - タイムシェア - ヴィラ - ハワイ コンドミニアム - バリ島 ホテル
[PR] 消費者金融を徹底比較!新金利でお得になった消費者金融を比較