戻るページに入った時刻・日付を表示する |
◆ページに入った時刻・日付を表示する◆ |
■■１■■
[概要]
ページに入った時刻を表示
[参照]
メルマガ Vol.13
[ソース]
<HTML>
<HEAD>
<TITLE>日付・時刻表示</TITLE>
</HEAD>
<BODY>
<SCRIPT language="JavaScript">
<!--
document.write(Date());
//-->
</SCRIPT>
</BODY>
</HTML>
※赤は変更点
■■２■■
[概要]
ページに入った時刻をステータスバーに表示
[参照]
メルマガ Vol.13
[ソース]
<HTML>
<HEAD>
<TITLE>時刻表示</TITLE>
<SCRIPT language="JavaScript">
<!--
status=Date();
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
※赤は変更点
■■３■■
[概要]
ページに入った時刻をテキストボックスに表示
[参照]
メルマガ Vol.13
[ソース]
<HTML>
<HEAD>
<TITLE>時刻表示</TITLE>
</HEAD>
<BODY>
<FORM NAME="form1">
<INPUT TYPE="text" NAME="box1" SIZE="30">
</FORM>
<SCRIPT language="JavaScript">
<!--
document.form1.box1.value=Date();
//-->
</SCRIPT>
</BODY>
</HTML>
※赤は変更点
■■４■■
[概要]
ページに入った時刻を日本語で表示（曜日付き）
[参照]
メルマガ Vol.14、Vol.15
[ソース]
<HTML>
<HEAD>
<TITLE>日付・時刻表示</TITLE>
<SCRIPT language="JavaScript">
<!--
today = new Date();
year = today.getYear();
month = today.getMonth()+1;
date = today.getDate();
youbi = today.getDay();
hours = today.getHours();
minutes = today.getMinutes();
seconds = today.getSeconds();
day = new Array("日","月","火","水","木","金","土");
//-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT language="JavaScript">
<!--
document.write(year+"年"+month+"月"+date+"日"+"("+day[youbi]+")"+hours+"時"+minutes+"分"+seconds+"秒");
//-->
</SCRIPT>
</BODY>
</HTML>
※赤は変更点
■■５■■
[概要]
ページに入った時刻を日本語でステータスバーに表示（曜日付き）
[参照]
メルマガ Vol.14、Vol.15
[ソース]
<HTML>
<HEAD>
<TITLE>日付・時刻表示</TITLE>
<SCRIPT language="JavaScript">
<!--
//設定
today = new Date();
year = today.getYear();
month = today.getMonth();
date = today.getDate();
youbi = today.getDay();
hours = today.getHours();
minutes = today.getMinutes();
seconds = today.getSeconds();
day = new Array("日","月","火","水","木","金","土");
//表示
status = year+"年"+month+"月"+date+"日"+"("+day[youbi]+")"+hours+"時"+minutes+"分"+seconds+"秒";
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
※赤は変更点
■■６■■
[概要]
ページに入った時刻を日本語でテキストボックスに表示（曜日付き）
[参照]
メルマガ Vol.14、Vol.15
[ソース]
<HTML>
<HEAD>
<TITLE>日付・時刻表示</TITLE>
<SCRIPT language="JavaScript">
<!--
//設定
today = new Date();
year = today.getYear();
month = today.getMonth();
date = today.getDate();
youbi = today.getDay();
hours = today.getHours();
minutes = today.getMinutes();
seconds = today.getSeconds();
day = new
Array("日","月","火","水","木","金","土");
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="form1">
<INPUT TYPE="text" NAME="box1" SIZE="20">
</FORM>
<SCRIPT language="JavaScript">
<!--
//表示
document.form1.box1.value = year+"年"+month+"月"+date+"日"+"("+day[youbi]+")"+hours+"時"+minutes+"分"+seconds+"秒";
//-->
</SCRIPT>
</BODY>
</HTML>
※赤は変更点
■■７■■
[概要]
今日の日付を画像で表示
[参照]
[ソース]
<HTML>
<HEAD>
<TITLE>日付の画像表示</TITLE>
<SCRIPT language="JavaScript">
<!--
//画像のプレロード
image = new Array();
week_i = new Array();
//画像のＵＲＬを入れる
//日付用フォルダ
var img_f = "number";
//曜日用フォルダ
var week_f = "week";
image[0] = new Image();
image[1] = new Image();
image[2] = new Image();
image[3] = new Image();
image[4] = new Image();
image[5] = new Image();
image[6] = new Image();
image[7] = new Image();
image[8] = new Image();
image[9] = new Image();
//日付画像の設定
image[0].src = "./"+img_f+"/0.gif";
image[1].src = "./"+img_f+"/1.gif";
image[2].src = "./"+img_f+"/2.gif";
image[3].src = "./"+img_f+"/3.gif";
image[4].src = "./"+img_f+"/4.gif";
image[5].src = "./"+img_f+"/5.gif";
image[6].src = "./"+img_f+"/6.gif";
image[7].src = "./"+img_f+"/7.gif";
image[8].src = "./"+img_f+"/8.gif";
image[9].src = "./"+img_f+"/9.gif";
week_i[0] = new Image();
week_i[1] = new Image();
week_i[2] = new Image();
week_i[3] = new Image();
week_i[4] = new Image();
week_i[5] = new Image();
week_i[6] = new Image();
//曜日用画像の設定
week_i[0].src = "./"+img_f+"/"+week_f+"/0.gif";
week_i[1].src = "./"+img_f+"/"+week_f+"/1.gif";
week_i[2].src = "./"+img_f+"/"+week_f+"/2.gif";
week_i[3].src = "./"+img_f+"/"+week_f+"/3.gif";
week_i[4].src = "./"+img_f+"/"+week_f+"/4.gif";
week_i[5].src = "./"+img_f+"/"+week_f+"/5.gif";
week_i[6].src = "./"+img_f+"/"+week_f+"/6.gif";
today = new Date();
year = new String(today.getYear());
month = new String(today.getMonth()+1);
date = new String(today.getDate());
month = setString(month);
date = setString(date);
youbi = today.getDay();
//日付の処理
function setString(num){
if(eval(num)<10){
num = "0"+ num;
}
return num;
}
//画像セット
function putImg(){
document.year1.src = image[year.charAt(0)].src;
document.year2.src = image[year.charAt(1)].src;
document.year3.src = image[year.charAt(2)].src;
document.year4.src = image[year.charAt(3)].src;
document.month1.src = image[month.charAt(0)].src;
document.month2.src = image[month.charAt(1)].src;
document.date1.src = image[date.charAt(0)].src;
document.date2.src = image[date.charAt(1)].src;
document.week.src = week_i[youbi].src;
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="putImg()">
<p>
<B>今日は</b>
<img src="./number/0.gif" name="year1">
<img src="./number/0.gif" name="year2">
<img src="./number/0.gif" name="year3">
<img src="./number/0.gif" name="year4">
<B>年</b>
<img src="./number/0.gif" name="month1">
<img src="./number/0.gif" name="month2">
<B>月</b>
<img src="./number/0.gif" name="date1">
<img src="./number/0.gif" name="date2">
<B>日</b>
<img src="./number/week/0.gif" name="week">
<B>です。</b>
</BODY>
</HTML>
※赤は変更点
※数字・曜日画像は素材集から取ってください