日付を自動更新で表示させる! 簡単コピペ!!
先週『日付を毎月変えるの邪魔くさいし、サイトに書いてる日付とってくれへんやろか?』という依頼がありました。
とってもよかったのですが、やっぱり月に一回更新作業はしといた方が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!!!
コピペするなり、応用して色んな表示にして使ってくださいね!
Google AdS
関連記事
301リダイレクトでサイトのリニューアル(ドメインを変更)する!:.htaccessの記述、設定方法、順序etc.
最近サーバーの見直し、ドメイン管理会社の見直し、サイト内の見直し等々しているのですが、以前から使用していたサーバー(エク…
スマホ、携帯からタップ(クリック)で電話を発信する、htmlの記述方法 コピペでOK!!
スマホ等のタブレット、また携帯で、電話番号をタップ(クリック)して直接かけるhtmlの記述方法です。 …
Google AdSenseの広告をWordPressの投稿内に記述する方法
以前Google AdSenseの広告を自動で設定してたのですが、ある時スマホで管理サイトを見た時、やたら記事を読むのを…
これは便利!!WordPressの投稿内に、管理者やログインユーザーにしか見れないメモを残す方法
よく投稿を途中まで作って、なかなか仕上げれずに長い期間あいてしまうと『これなんのサイト参考にしてたんやっけ?』とか『え〜…
WindowsのSafariで【background】が効かない時の原因と対処方法
最近cssではショートハンドを使って記述するのが当たり前になってきたので(ショートハンドの詳細はこちら)、今回トラブルと…