カウントアップ

★生まれて292日目★

★生まれて292日目★

使い方

生まれて何日目かを表示するスクリプトです。
「ブログ開始から○日」「禁煙して○日」「ダイエット開始から○日」、など自由に変えて使えます。
このページからコピーしてメモ帳などに貼りつけ、開始年月日などを書き換えたら、ブログパーツ欄に貼り付けてください。

使い方

【1】枠内のソースコードをコピーしてテキストエディタ（Windowsのメモ帳など）に貼り付けます。
用意しているのは２色しかありませんが、好きな色に書き換えてください(^_^;)

★生まれて292日目★

<div style="font-size:100%;text-align:center;">
<script type="text/javascript">
<!--
var tday=new Date();
var bday=new Date(2005,5-1,16);
var ac="#FF3366";
var mark="★";
var days=Math.ceil((tday.getTime()-bday.getTime())/(24*60*60*1000));
days=(days+"").fontcolor(ac);
days=days.bold();
mark=mark.fontcolor(ac);
document.write(mark+"生まれて"+days+"日目"+mark);
// -->
</script>
</div>

★生まれて292日目★

<div style="font-size:100%;text-align:center;">
<script type="text/javascript">
<!--
var tday=new Date();
var bday=new Date(2005,5-1,16);
var ac="#3399CC";
var mark="★";
var days=Math.ceil((tday.getTime()-bday.getTime())/(24*60*60*1000));
days=(days+"").fontcolor(ac);
days=days.bold();
mark=mark.fontcolor(ac);
document.write(mark+"生まれて"+days+"日目"+mark);
// -->
</script>
</div>

【2】メモ帳に貼り付けたら、赤い字で表示した場所を、必要に応じて書き換えていきます。
（全て半角英数字で！）

　■１行目「<div style="font-size:100%;text-align:center;">」

フォントサイズと表示位置を設定します。

100%　⇒周りの文字と同じ大きさで表示されます。小さめにしたい場合は80%などに。

center　⇒センタリング（中央揃え）です。左寄せの場合はここを「left」に、右寄せは「right」に書き換えます。

　■５行目「var bday=new Date(2005,5-1,16);」

カウントアップの開始日（誕生日）を書き換えます。

【例】　2000年8月9日生まれの場合
var bday=new Date(2000,8-1,9);

　■６行目「var ac="#FF3366";」

カウント数字の色を変更します。

#FF3366が「色コード」です。

色コードは　『Mariのいろえんぴつ』様、『色のみじん切り』様などを参考に、好きな色に変更してください。

「生後292日」のように、数字に色を着けない（周囲の色と同じ）ようにするには、色コード部分だけ削除して「var ac="";」とします。

　■７行目「var mark="★";」

前後に表示する記号です。不要の場合は★を削除し「var mark="";」としてください。

画像も使用できます。「var mark="http://〜";」と、★の代わりに画像のURLを入力してください。（画像は直リンクせず、必ず自分でサーバーにアップロードしたものをお使い下さい。この意味がわからない場合は画像は使用しないでください。）

　

　■8行目「var days=Math.ceil((tday.getTime()-bday.getTime())/(24*60*60*1000));」

生まれた当日を0日とカウントする場合（生後○日など経過日数を表したい場合）は、Math.ceil を Math.floor に書き換えます。

　■10行目「days=days.bold();」

カウント数字を太字にする設定です。
「生後292日」のように、数字を太字にしない場合は、この行を１行全部削除します。

　■１２行目「document.write(mark+"生後"+days+"日"+mark);」

生後○日　ですが、用途に応じてお好きなように書き換えてください。

【例】ブログ開始から○日目

document.write(mark+"ブログ開始から"+days+"日目"+mark);

【例】禁煙して○日目

document.write(mark+"禁煙して"+days+"日目"+mark);

【例】ダイエット
　　　○日目♪

document.write(mark+"ダイエット<br />"+days+"日目♪"+mark);

【3】ここで一旦メモ帳を保存してください。

【4】お使いのブログの管理画面を開いて、ブログパーツ用の欄に【3】の中身を全部コピーして貼りつけたら終了です。
方法は普通のブログパーツと同じです。詳しくは設置方法を参考にしてください。

pagetop

更新記録

2006/8/4
・floorをceilに変更（開始日を含めない経過日数カウント⇒開始日を含めて何日目かというカウントに変更）
pagetop