中途半端を極める

web関連で役に立ちそうなものを紹介いたします

javascript

HTMLで生年月日から自動で年齢を読み込む方法

投稿日:

HTMLで年齢を表示させる場合、毎年手動で更新している人が多いかもしれません。自分もその中の一人でした。
実際毎年手動で更新するのは面倒くさいし、数が多いと忘れてしまう場合があります。
そんなことにならないためにも、自動的に変更させるように書き換えた方がよいです。

以下のように記述します

javascriptの記述

<script>
function age(bymd){
today=new Date();
ty=today.getYear(); if(ty<1900) ty+=1900;
tm=today.getMonth()+1;
td=today.getDate();
tymd=ty*10000+tm*100+td;
document.write(Math.floor((tymd-bymd)/10000));
}
</script>

HMTLの記述

山田太郎。1900年1月1日生(<script>age(19000101)</script>歳)。<br />
山田次郎。2000年5月6日生(<script>age(20000506)</script>歳)。<br />
山田三郎。2000年5月7日生(<script>age(20000507)</script>歳)。<br />

PHPでもできるようです。

PHPの記述

<?php
function age($bymd){
$tymd=date('Ymd');
echo floor(($tymd-$bymd)/10000);
}
?>

HMTLの記述

山田太郎。1900年1月1日生(<?php echo age(19000101); ?>歳)。<br />
山田次郎。2000年5月6日生(<?php echo age(20000506); ?>歳)。<br />
山田三郎。2000年5月7日生(<?php echo age(20000507); ?>歳)。<br />

参考サイト
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1261693022

-javascript

執筆者:


comment

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

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

【javascript】複数の画像をウィンドウ幅に合わせてカルーセル風に実装(bxslider編)

ウィンドウ幅いっぱいにスライドを表示させたい。 そう思ってもなかなか思うような動作をするjavascriptを見つけるのが困難です。 見つけたとしても、それがレスポンシブに対応するのか否か。 そんなこ …

【javascript】SWFObjectで配置したFlash下に、ドロップダウンメニューが隠れてしまう

jquery.droppy.jsなどのドロップダウンメニュー(プルダウンメニュー)の下にFlashを配置すると、プルダウンメニューがFlashの裏側に表示されてしまう。CSSでFlashコンテンツにz …

【javascript】西暦を自動的に更新されるようにjavascriptで表示する

今回は西暦を自動的に更新されるようにできるjavascriptをメモしておきます。 ・現在の西暦を自動的に取得する方法。 ・最終更新日の西暦を取得する方法。 2パターンあります。 コピーライトの部分と …

【javascript】チェックボックスをチェックしないとサブミットできないボタン

個人的には結構使用する動作なので紹介いたします。 プライバシーポリシーや20歳以上の確認を行うときなどに有効ですね。 残念ながらフォームのスパム対策としてはおそらく効果は無いと思われます。

【javascript】年齢認証ページの作り方 一例

エロサイトや酒の紹介ページ(販売ページ)などに使えるjQueryを紹介いたします。