My baby comes <<出産カウンター>>

特殊な数え方のためちょっと覚えにくい妊娠週と、出産までのカウントダウンを表示します。

  • 出産(または帝王切開)予定日のところを書き変えて、Webページやブログにコピペ(コピー&貼り付け)するだけで使えます。
  • 好きな文字の色、数字の色、数字の強調、文字のサイズ、位置(センタリングなど)を設定できる項目があります。(HTMLソースを書き変えます)
  • カウントダウンは、出産予定日を過ぎると、経過日数のカウントアップになります。
  • 妊娠42週以降は、妊娠週表示は消えて、カウントアップだけになります。
  • 妊娠・出産専用カウンターです。他の目的には使用できません。
  • 人間用です。

□サンプル□

ただいま393日(10ヶ月)♪
予定日の11/5まで4
*script by KT*

(このように変化していきます↓)

ただいま400日♪
今日は出産予定日
*script by KT*
ただいま406日♪
予定日から6日経過
*script by KT*
予定日から23日経過
*script by KT*

■規約■

配らないこと。
リンク・URLを削除しないこと。【⇒詳細はこちら】

■つかいかた■

  1. 下記■ソース■の中に、出産予定日などの項目がありますので、画面から直接書き変えます。
    詳しくは■書き変え箇所の説明■をご覧ください。
    ※Mac使用の方はこちらもご覧ください
  2. 書き変えたら「ソースを全選択する」ボタンを押します。ソースが反転色表示されますので、その上で右クリック・コピーします。
  3. ブログやサイトに貼り付けます。
    ⇒ブログに貼り付けるには
  4. ⇒ホームページビルダーで貼り付けるには
  5. 保存・更新して、表示を確認します。

■ソース■
文字数制限のあるブログはこちらをお使いください。(半角2000文字以内です)

■書き変え箇所の説明■

■ソース■の中の設定項目を、ご自分用に書き変えます。
基本的には、出産予定日の変更だけで使用できます。他にも色や表示位置・文字サイズなどの設定箇所がありますので、お好きなように変更してください。
ブログやサイトに貼り付けた後でも変更できます。
赤字で示した部分以外をいじらないようにしてください。記号を1文字でも削除すると動作しません。

// 出産予定日の設定
var xy=2006;//出産予定日の年(西暦)
var xm=11;//出産予定日の月
var xd=5;//出産予定日の日付
  • 出産予定日(または帝王切開の予定日)の年・月・日にそれぞれ書き換えてください。
  • ※必ず半角数字で。誤って「;」などの記号を削除しないように気をつけてください。
var ts=0;//帝王切開調整
  • 元の出産予定日(40週0日)と帝王切開日の差分日数を入力してください。
  • 帝王切開が39週0日なら、7日前なので「-7」、40週3日なら、3日後なので「3」
// 書式の設定
var mark="";
  • 予定日カウントダウンの前後につけるアクセントマーク。
  • 不要のときは削除して var mark=""; とします。
  • 画像を使用するときは下のタグをコピー&貼り付けし、赤字部分を書き換えてください。
    var mark='<img src="画像のURL"alt="" style="height:画像の高さpx; width: 画像の幅px">'
    ※AutoPage用はこちら↓
    var mark="<img src=画像のURL alt=画像の名前 height= 画像の高さ width= 画像の幅>"

  • 画像は、必ずご自分のスペースにアップロードしたものをお使いください。(他人のサイト画像への直リンク禁止
    ※直リンクの意味が分からない場合、画像を使用しないでください。
var ac="#FF9900";//アクセント色の指定
  • アクセント色(数字やマークの色)を色コードで指定できます。
  • 色を付けたくない時は色コードを削除してvar ac="";//アクセント色の指定とします。
var bc="";//文字色の指定
  • ベースの文字色を色コードで指定できます。指定しないままだと、貼り付けたページに設定されている色で表示されます。
  • 色を指定したい場合はvar bc="#333333";など、お好きな色のコードを記入してください。
var bold=1; /* 数字を太字にする→「1」しない→「0」*/
  • 数字を強調しない(太字にしない)場合は、var bold=0;とします。
// スタイル設定
var s1="<div style=\"font-size:100%;text-align:center;\">";
var s2="</div>";
  • 文字サイズは、初期状態(100%)だと、貼り付けるページで設定されている文字サイズになります。
    サイズを小さめにするなら85%、75%などに変更します。
    ポイント(pt)やピクセル(px)、emなどでのサイズ指定でもOKです。
  • メッセージの横位置は、初期状態で中央揃え(center)です。
    left⇒左寄せ
    center⇒中央揃え(センタリング)
    right⇒右寄せ
    となります。(なお、script by KTのリンク文字は、必ず右寄せです。)
  • スタイル設定の追加も可能です。


  • Macの場合、\がコピペの時に文字化けしてしまうので、下記のタグに差し替えてください。
    var s1='<div style="font-size:100%;text-align:left;">';

メッセージを変える

// メッセージ設定(妊娠週)
var msg1="ただいま"+weeks+""+days+"日("+mons+"ヶ月)♪";
var msg2="ただいま"+weeks+""+days+"日♪";
  • msg1は40週0日(出産予定日)まで表示されるメッセージです。予定日を過ぎると、msg2に切り替わります。
  • 変更例
  • var msg1="現在"+mons+"ヶ月。";
    var msg2="もうすぐ生まれますよ。";
// メッセージ設定(カウントダウン)
var kai="<B"+"R>"; /* 改行するときは<BR>と記入 */
  • 妊娠週とカウントダウンのメッセージを続けて1行で表示するときは、<BR>を削除してvar kai="";としてください。
var cd1="予定日の"+xm+"/"+xd+"まで"+rds+"";
var cd2="今日は出産予定日";
var cd3="予定日から"+rds+"日経過";
  • cd1は予定日まで、cd2は予定日当日、cd3は予定日後に表示されるメッセージです。
var output=s1+message+cd+s2;
  • 出産カウントダウンが不要のときは、+cdを削除してください。表示されなくなります。

算出方法

日本では一般に、最終月経の開始日を妊娠0週0日とし、そこから280日(40週)後を出産予定日としています。
このスクリプトでは、設定した出産予定日から280日前を0週0日とし、そこから現在何週何日目かを算出しています。

妊娠週の数え方

1週間は、0日から6日までの7日間です。1ヶ月=4週=28日です。

1ヶ月…0週0日〜3週6日…0日から27日まで
2ヶ月…4週0日〜7週6日…55日まで
3ヶ月…8週0日〜11週6日…83日まで
4ヶ月…12週0日〜15週6日…111日まで
5ヶ月…16週0日〜19週6日…139日まで
6ヶ月…20週0日〜23週6日…167日まで
7ヶ月…24週0日〜27週6日…195日まで
8ヶ月⇒28週0日〜31週6日…223日まで
9ヶ月⇒32週0日〜35週6日…251日まで
10ヶ月⇒36週0日〜39週6日…279日まで
出産予定日は40週0日(280日目)になります。


■更新記録

2008/10/25
・「"」の入れ子に使っていたエスケープ記号(\)を削除、「'」を使用。
貼り付け時に「半角¥(またはバックスラッシュ)」が抜け落ちる場合があるとのこと。大昔のAutoPageでの「'」不具合は解消されている模様なので、エスケープ不使用に。
★FC2ブログ専用に作った「My baby comes」を一部変更して移植。(2006/10/31)
Date.parse(ry+"/"+rm+"/"+rd)がsafariでうまく機能しないのを修正するのを忘れていました…
ついでなので全面変更。
★記号「&&」「'」を不使用に。ver1.0とする。(2005/3/1)
AutoPageでテキストに変換され動作しなくなる原因だった演算子と記号を削除、動作確認。
★サイトにアップ。(2003/8/13)
★製作。(2003/7/30)

PAGE TOP▲

オススメ
ページ関連商品