日付を自動更新で表示させる! 簡単コピペ!!

先週『日付を毎月変えるの邪魔くさいし、サイトに書いてる日付とってくれへんやろか?』という依頼がありました。

とってもよかったのですが、やっぱり月に一回更新作業はしといた方がSEO的にもよいでしょうし、とるのはオススメはしませんでした。でもやっぱり依頼にはお応えしたい。。

ということで、とりあえず日付を自動で更新できたら、ちょっとは問題解決につながるかな?と思い、日付を自動更新させることにしました。
その記述、簡単だったので書いておきます。

記述方法

至って簡単です。
このように記載したい場合は

body内の表示したい場所に

<script language="JavaScript">
mydate=new Date();
Ye=mydate.getFullYear()+"年";
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("<span style='color:#ff0000;'>");
document.write("今日は"+Ye+Mo+Da+"("+Day2[Day]+")");
document.write("です</span>");
</script>

と記述します。
※ 12行目はわかりやすいように直接styleを書いてますが、実際はオリジナルのクラスをつけて、text-align:center;等も足してます。

応用編

『今日は』とか『です』とか、クラスの設定(上の場合は、colorを赤になるクラス)
が必要ない場合はもっと簡単です。

<script language="JavaScript">
mydate=new Date();
Ye=mydate.getFullYear()+"年";
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(Ye+Mo+Da+"("+Day2[Day]+")");
</script>

これでOK!!

『曜日』とか『日付』とかがいらない場合はさらに簡単です。

<script language="JavaScript">
mydate=new Date();
Ye=mydate.getFullYear()+"年";
Mo=mydate.getMonth()+1+"月";
document.write(Ye+Mo);
</script>

ついでにもうひとつ。
『年』とか『月』がいらない場合は、

<script language="JavaScript">
mydate=new Date();
Ye=mydate.getFullYear()+"/";
Mo=mydate.getMonth()+1;
document.write(Ye+Mo);
</script>

これでOK!!!

コピペするなり、応用して色んな表示にして使ってくださいね!



関連記事

アイキャッチ_RSSImport

WordPress:プラグイン”RSSImport”を使って気になるサイト等の最新情報を表示させる方法


前回はRSSのボタンを自分のサイトに表示させる方法を書いたのですが、今回は自分のサイト以外(勿論自分のものもOK!)の気…

記事を読む▷


onMouseOver、onMouseOutで、簡単にテキストを切り替える!


前回のonMouseOver,onMouseOutで簡単に画像を切り替える!の続き、応用編です。 実はこちらサイト…

記事を読む▷


onMouseOver、onMouseOutで、簡単に画像を切り替える


今までマウスオーバー等で画像を切り替える時は、jQueryを使ったり、cssで画像を重ねてopacityで画像を透過させ…

記事を読む▷


RSSフィードを設置してすぐにエラーが…


恥ずかしながら、RSSフィードを管理している全てのサイトに設置していませんでした。やろうやろう。とは思ってたのですが、ど…

記事を読む▷


お名前.comで “Whois情報公開代行” の設定にチェックを入れ忘れて登録した時の対処方法


先日、こちら で少し書いたのですが、お名前.comでドメインを取った時に、 "Whois情報公開代行" の設定にチェック…

記事を読む▷


Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

PAGE TOP