現在の、年を表示

Copyright などで、今年(現在時刻で、年)など更新している場合、年末・年始に、直書きされてる Copyright を探して置換する、というようなことをしなくてよいように、JavaScript を仕込みましょう。


理想は、include しているフッター部分などでやりくりできること、でしょう。
PHP でフッター部分を読み込んでいるなら、そのフッター部分の最下部などに、script を2行ほど加えれば OK。


HTML 側

<div class="footer_wrap">
    <div class="footer_main">
    </div>
    <copy>Copyright <span id="CpY" class="y2k">20xx</span> YYY ZZZ</copy>
</div>


JS 側

<script><!--
year = (new Date()).getFullYear();
//document.getElementById('CpY').innerText=year;//id Ver.
document.getElementsByClassName('y2k')[0].innerText=year;//class Ver.
//--></script>


差し込み PHP ファイルなら、分割しなくても、1ファイル内に入れてしまって大丈夫。


ID 版

<div class="footer_wrap">
    <div class="footer_main">
    </div>
    <copy>Copyright <span id="CpY" class="y2k">20xx</span> YYY ZZZ</copy>
</div>
<script><!--
year = (new Date()).getFullYear();
document.getElementById('CpY').innerText=year;
//--></script>


Class 版

<div class="footer_wrap">
    <div class="footer_main">
    </div>
    <copy>Copyright <span id="CpY" class="y2k">20xx</span> YYY ZZZ</copy>
</div>
<script><!--
year = (new Date()).getFullYear();
document.getElementsByClassName('y2k')[0].innerText=year;
//--></script>


<解説>
Class 版は、唯一クラスであれば、そのクラス名1番目、の指定が必要なため、
getElementsByClassName('y2k')[0]
と、[0] での順序指定が必要になる。


なお、PHP で、どこに読み込まれるかわからないことを考慮して、非 jQuery 版としてあります。

この記事が気に入ったらサポートをしてみませんか?