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

LINEで送る
Pocket

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

とってもよかったのですが、やっぱり月に一回更新作業はしといた方が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!!!

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



関連記事

画像やテキストを中央(上下左右真ん中)に配置する方法


普通にtext-align:center;や、margin:0 auto;等でテキストや写真を真ん中に配置したつもりでも…

記事を読む▷


URLwwwありなし

URLの正規化:wwwあり、なしのドメインを統一する記述方法(エックスサーバー(XSERVER) にて)


前回のブログ で.htaccessに301リダイレクトをするための記述方法について書きましたが、ついでにwwwあり、なし…

記事を読む▷


アイキャッチ_RSSImport

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


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

記事を読む▷


WP Social Bookmarking Lightを好きな場所に設置、移動する方法


WP Social Bookmarking Lightを好きな場所に設置、移動する方法です。 以前、自分で管理している…

記事を読む▷


サーバー移転の手順 その2:データベースの移行(phpMyAdminを使って)


前回サーバ移転の手順 その1:サーバーからサーバーへの移行(同サーバー(EXTREM)同士)からの続きです! って…

記事を読む▷


『WinSCP』をMacで使えるようにする方法!!


FTPソフトの中では、やはり『WinSCP』が一番使いやすいです。でも、Macでは普通には使えません。。FileZill…

記事を読む▷


opacityの書き方 クロスブラウザ


今までも書いてましたが、ほんとIE嫌い。 そして、これからもまた同じ事書くでしょう。 さて。クロスブラウザでIE…

記事を読む▷


Database Search and Replace Script in PHP

ドメイン&WordPressを含むサイトの引越しでの、URL変更作業:『DATABASE SEARCH AND REPLACE SCRIPT IN PHP』を使って


最近サーバー移転をして、その時々に起こった問題や注意点を記事にしてましたが(301リダイレクトの記述方法、URLの正規化…

記事を読む▷


OGPをWP-OGPのプラグインを改変して設定する!!2015年のOGP最新設定


今度こそ。。。OGPの設定で何時間、というより何日?何ヶ月?かかってるんや。。。という感じなのですが、もう最初の投稿から…

記事を読む▷


2017最新版:SNS等の公式ロゴ(アイコン)素材のまとめ(Facebook, Instagram, Youtube, Twitter, Line etc.)


一度サイトを作ってしまうとなかなか更新せず使い回してしまうのが、この『SNSのロゴ(アイコン)』だと思うのですが、サイト…

記事を読む▷


Message

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

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

参考にさせていただいてるサイト

PAGE TOP