中途半端を極める

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】でphpのincludeやrequireのような動作をJavascriptで実現する方法

サブカラムやフッターなど他のページで使いまわすような要素はincludeやrequire、SSIなどで外部ファイルを読み込んで対応している人は多いかと思われます。実際そっちの方が更新も楽ですし、ケアレ …

【javascript】jQueryとprototypeを共存させる方法

自分が管理していないサイトを突然「更新してくれ!」と言われ、確認するとprototypeが使用されておりました。私は基本的にJavaScriptライブラリはjQueryを使用するので、少々戸惑いました …

【javascript】高さをjQueryで取得する時Google Chrome、Safariでうまく動作しない時の対処方

jQueryで高さ(height)を取得する時、IEやFirefoxではうまく動作するけど、Google Chrome、Safariで動作しなくて困ったことは無いでしょうか?高さを調整するようなjav …

[javascript]複数の要素の高さを揃えるjavascript利用時にうまく動作しない時の対処法

「EqualHeight」や「flatheights」など複数の要素の高さを揃えるjavascriptを使用すると、SafariとGoogle Chromeではうまく動作しない場合があります。 うまく …

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

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