CANPAN ブログ検索
Loading
  • もっと見る
<< 2019年09月 >>
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30          
カテゴリアーカイブ
最新記事
最新コメント
HTML文書で今日の日付を表示させてみました [2016年10月16日(Sun)]
HTML文書で今日の日付を表示させてみました


 PHP文書で今日の日付を表示していましたが、HTML文書でも今日の日付を表示してみたくなりました。

 ネットで探すと、次のブログが見つかりました。

今日の日付を表示させよう
 プログラムAのソースをコピーして、今日の日付を表示させたい場所のHTMLソースのBODY区間に貼り付けしましょう。
 文字の大きさや色をかえる場合は、style='font-size : 16px; color : #666666' のところで指定をします。大きさは font-size : 16px の 16 を、色は color : #666666 の #666666 をあなたの好きな色にかえてください。
 ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。


 そこで、「font-size」を「16px」→「24px」に、「color」を「#666666」→「red」に変えて、「平成」も表示するようにしました。

 私が昔から使っているローカルの「index.html」の内容は次のようになっています。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
(略)
<title>
(略)
</title>
</head>
<body bgcolor="#E0E0E0">
(略)
</body>
</html>

 見つけたブログに書いてあるように、「<body bgcolor="#E0E0E0">」の次の「(略)」に下の内容を追加して書き込みます。

<SCRIPT LANGUAGE="JavaScript">
<!--
mydate=new Date();
Ye=mydate.getFullYear()+"年";
Wa=mydate.getFullYear()-1988+"年(";
Mo=mydate.getMonth()+1+"月";
Da=mydate.getDate()+"日";
Day=mydate.getDay();
Day2=new Array(7);
Day2[0]="日";Day2[1]="月";Day2[2]="火";
Day2[3]="水";Day2[4]="木";Day2[5]="金";
Day2[6]="土";
document.write("<FONT style='font-size : 24px; color : red'>");
document.write("本日は 平成"+Wa+Ye+")"+Mo+Da+"("+Day2[Day]+")");
document.write(" です</FONT>");
//-->
</SCRIPT>

 このローカルの「index.html」を実行すると、赤い字で下のように表示します。

本日は 平成28年(2016年)10月16日(日) です


 ところで、私は、産經NetViewで産經新聞をみています。

 本日(平成28年10月16日)の新聞第一面に、政府は、天皇陛下から皇太子さまへの皇位継承に伴う重要な儀礼である「大嘗祭(だいじょうさい)」を平成30年11月に執り行う方向で検討に入った、と書いてありました。

 「元号」が、「平成」から新しい「元号」に変わったとしても、上のプログラムの「平成」と「1988」の部分を変えるだけで、新しい「元号」に対応できます。

Posted by 山田 雄一郎 at 17:31
この記事のURL
http://blog.canpan.info/hofu_nanboku/archive/338
プロフィール

山田 雄一郎さんの画像
山田 雄一郎
プロフィール
ブログ
リンク集
http://blog.canpan.info/hofu_nanboku/index1_0.rdf
http://blog.canpan.info/hofu_nanboku/index2_0.xml