生体飼育経過表示用スクリプトでござんす。

ってことで
使ってみたいってかたはお持ち帰りくだされ。
スクリプト部分の細かい突っ込みは禁止です(爆
<pre>
<script type="text/javascript">
function keika(year,month,day){

var hurai=new Date(year,month-1,day); //day-1とすれば初日が1日目となります。デフォルトでは初日は経過日数は非表示となります。

var toge=new Date(); var nami=new Date(toge.getFullYear(),toge.getMonth(),0); var akebono,seguro,tonosama; var misuji=0; var hatatate=0; if(toge.getDate()>=hurai.getDate()){ tonosama=toge.getDate()-hurai.getDate(); }else{ if(nami.getDate()>=hurai.getDate()){ tonosama=(nami.getDate()-hurai.getDate())+toge.getDate(); }else{ tonosama=toge.getDate(); } hatatate=1; } if(toge.getMonth()-hatatate>=hurai.getMonth()){ seguro=toge.getMonth()-hatatate-hurai.getMonth(); }else{ seguro=12+toge.getMonth()-hatatate-hurai.getMonth(); misuji=1; } akebono=toge.getFullYear()-misuji-hurai.getFullYear(); var hyoji=""; if(akebono>0)hyoji="<b><FONT COLOR=#0088ee>"+akebono+"</font></b>年"; if(seguro>0)hyoji=hyoji+"<b><FONT COLOR=#0088ee>"+seguro+"</font></b>ヶ月"; if(tonosama>0)hyoji=hyoji+"<b><FONT COLOR=#0088ee>"+tonosama+"</font></b>日目</p>"; return(hyoji); } //変更するのは、ここから下の部分だけです。 document.writeln("<p>フウライ 2009/11/3 採取<br/>"+"現在:"+keika(2009,11,3)); document.writeln("<p>クロナマコ 2009/10/26 飼育<br/>"+"現在:"+keika(2009,10,26)); document.writeln("<p>スカンクシュリンプ 2009/10/26 飼育<br/>"+"現在:"+keika(2009,10,26));

</script> </pre>

書き換え部分の説明です

document.write("<p>フウライ 2009/11/3 採取<br/>"+"現在:"+keika(2009,11,3));

<p>のあとに生体の名前や飼育開始の日付なんかを入力 +keika(2009,11,3)); この部分にも同じ日付 <p>のあとの日付は入れなくてもOKですが、keika()の部分の日付は必須ですので 気をつけてください。カウント開始を読み取る部分ですので ここは必ず半角で入力してください。日付の区切りはカンマです。 

生体名 日付 採取または飼育と現在:ってなってる部分は変更可能ってことです。

あっ あとkeika()の中の日付ね。

あと、カウント方法ですが

上から4行目の部分の
  var hurai=new Date(year,month-1,day);
のdayの部分をday-1としてやると初日が1日目としてカウントされます。
デフォルトだと初日は日付が非表示となります。
好きなようにしてくださいw
  if(akebono>0)hyoji="<b><FONT COLOR=#0088ee>"+akebono+"</font></b>年";
  if(seguro>0)hyoji=hyoji+"<b><FONT COLOR=#0088ee>"+seguro+"</font></b>ヶ月";
  if(tonosama>0)hyoji=hyoji+"<b><FONT COLOR=#0088ee>"+tonosama+"</font></b>日目</p>";
年月日表示の色はこの部分を変更します。
FONT COLOR=#色番号
Bタグで文字を強調してますがここも変更可能です。

わからないことがあればコメントにておねげぇしますだ。

生体飼育経過表示用スクリプトでござんす。」への9件のフィードバック

  1. 早速 利用させていただきました♪

    ありがとうございます

    めっちゃ嬉しいです♪♪

    プチっと質問

     改行の命令文ってありますか?

    全部くっついちゃって見にくいようなかんじですwww(私のブログ見て見てください;

    解決方法ご存知でしたらよろしくお願いします

  2. ひなどりさん
    こんばんわ~
    んー見た所特に見づらいって感じではないですが
    全部くっついちゃってるってのはどういうこと??

    ちなみにブラウザは何使ってます?

    FireFoxとIEとchromeとsafariでは確認してみてますが

    全部うちと同じように表示されてますよ~?

    あと改行はスクリプトに組み込んでありますが

    自分でも弄れるなら改行の位置なんかも弄っていいですよ~
    <p>フウライ 2009/11/3 採取<br/>
    だとしたら
    <p>が段落で、<br/>が改行です~
    </p>は
    +tonosama+"</font></b>日目<p/>"; ←この部分にあります。
    段落タグをとる場合は<p></p>の両方を取り除いてください。
    

    <br/>改行は好きな所に入れて試してみてください~

  3. サイドバーの幅が短いせいで変なとこで改行入って見づらいとか??
    そしたらですね。
    "<p>なんかの魚 2010/2/25 飼育<br/>"
    となってる部分を
    "<p>2010/2/15 飼育<br/>なんかの魚<br/>"
    見たいにしてもいいかもですね~
    これで表示すると
    

    2010/2/25 飼育 なんかの魚 1日目

    見たいになると思います

    では悩んでください~w
  4. あっ
    今気付いた
    スクリプトミスってるじゃんorz
    直しとこ・・
    <p/>ってなってるのを
    </p>に 直して下さいorz
    
  5. いろいろありがとうございます
    ゆーいちさんを悩ませちゃいましたね 汗

    きょうはネムネム星人になってしまったので明日チャレンジしてみます

    改めて いつ家にやってきたのか解からない子がたくさんいてびっくり 今後はきちんと記録していきます(多分

  6. ひなどりさん
    いえいえ
    そんなことはございませんよ~w
    しかしココログ曲者ですね~
    IEとFireFoxで文字の大きさがあんなに変わるとは・・
  7. 僕もいろんなブログ見てて、こういうの便利やな~って思ってました!
    でも、どうやったらいいのかチンプンカンプンやったんですが、またもやいつものクルクルパーコースですやん(゜o゜)

    じっくり戦いますわ!!

  8. えーーーっと
    重大なスクリプトミスorz
    最初にpreタグを使っておいて
    document.writeとしてましたorz
    正確にはdocument.writelnです。
    lnが抜けてたっすorz

    ひなどりさん

    すんませんが
    document.writeとなってるのを
    document.writelnと直してみてください。
  9. わもんさん
    がんばってつけてみてちょうらいっす。・゚・(ノ∀`)・゚・。

コメントを残す

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