上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 第6回は、年月日、時間の取得方法の解説です。
 現在時刻をJavaスクリプトで取得するので、これまたIF文などと組み合わせると、日付や記念日、時間帯などで分岐させ、ブログを訪問するごとに違う処理にするといったことが出来るようになります。




日付の取得



Nowtime = new Date();
※「Date」の大文字小文字に注意してください。

 これで、「変数Nowtime」の中に日付データが入ります。ただ、このままだと問題があります。

■変数Nowtimeの内容はこうなっている


 こんな感じで、「文字列」のデータが入っています。これだと使いづらいですよね。
 IF文で数値として扱う用に変換するにも、少し大変な作業が必要です。

 しかし、これが簡単に取り出せる構文がJavaスクリプトには用意されています。

Nowtime = new Date()
a = Nowtime.getFullyear()西暦
a = Nowtime.getMonth()月(0~11・1月は0が代入される)
a = Nowtime.getDate()
a = Nowtime.getDay()曜日(0~6・日曜日は0が代入される)
a = Nowtime.getHours()時間(0~23)
a = Nowtime.getMinutes()
a = Nowtime.getSeconds()
a = Nowtime.getMilliseconds()ミリ秒(1秒=1000ミリ秒)





サンプル



 日付が取得できたので、ここまでの集大成として、現在の季節と、昼と夜を判別するJavaスクリプトを組んでみました。






■サンプル構文
<button type="button" onclick="GOGO()">GOGO()</button>
<div id="test2"></div>
<div id="test3"></div>
<div id="test4"></div>


<script type="text/javascript">
function GOGO(){

Nowtime=new Date();
Gmont = Nowtime.getMonth();
Ghour = Nowtime.getHours();
Gminu = Nowtime.getMinutes();
Gseco = Nowtime.getSeconds();

if ((Gmont==11) || (Gmont<=1)) {
document.getElementById("test2").innerHTML="冬です";
} else if ((Gmont<=4) && (Gmont>=2)) {
document.getElementById("test2").innerHTML="春です";
} else if ((Gmont<=7) && (Gmont>=5)) {
document.getElementById("test2").innerHTML="夏です";
} else if ((Gmont<=10) && (Gmont>=8)) {
document.getElementById("test2").innerHTML="秋です";
}

if ((Ghour<=5) || (Ghour>=18)){
document.getElementById("test3").innerHTML="夜です";
} else if ((Ghour<=17) && (Ghour>=6)){
document.getElementById("test3").innerHTML="昼です";
}

document.getElementById("test4").innerHTML=Ghour+"時"+Gminu+"分"+Gseco+"秒です";
}
</script>




■次回は「タイマー処理」です。これを扱えるようになると、「時計」や「パラパラマンガ」などを作ることが出来るようになります。
タイマー処理
このエントリーをはてなブックマークに追加
Fri.03.25.2011
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。