読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 求職者支援訓練Webデザイン フェリカテクニカルアカデミーWebサイト制作科作品紹介



日付を取得する

Flash

現在の日付・時刻を取得

  • 接尾辞「_date」
 var obj_date:Date = new Date();
 trace(obj_date.toString());
文字列(String)への変換
  • ある値を文字列に変換するには、「Number.toString()メソッド」「Object.toString()メソッド」「String()関数」を使います

デジタル時計

  1. 時・分・秒を表示するダイナミックテキストを作成
  2. ダイナミックテキストの変数名は「hour_txt」「mini_txt」「sec_txt」
  3. 行揃えは「右」

 this.onEnterFrame = function() {
	var obj_date:Date = new Date();
	this.hour_txt.text = obj_date.getHours();
	this.mini_txt.text = obj_date.getMinutes();
	this.sec_txt.text = obj_date.getSeconds();
 }

アナログ時計


(1)Illustratorで時計のイラストを描く(回転ツールで複製)


(2)コピー&ペーストでFlashのデータに変換


(3)針をムービークリップに変換

  • 基準点は、中央下


 this.onEnterFrame = function(){
	var obj_date:Date = new Date();
	
 /*getSeconds() メソッドから秒を取得して 60 で割り 0.01.0 の大きさにします。 
 360 度を掛けて角度とします。*/
	seconds_mc._rotation = obj_date.getSeconds() / 60 * 360;

 /*getMinutes() メソッドから分を取得して 60 で割り 0.01.0 の大きさにします。 
 360 度を掛けて角度とします。*/
	minutes_mc._rotation = obj_date.getMinutes() / 60 * 360;

 /*getHours() メソッドから時間を取得して 24 で割り 0.01.0 の大きさにします。
 短針は 12 週するので 720 度を掛けて角度とします。 
 さらに getMinutes() メソッドから分を取得して 60 で割り 0.01.0 の大きさにします。
 短針は 1 時間に 30 度回転するので 30 度を掛けて角度に加算します。*/
	hours_mc._rotation = obj_date.getHours() / 24 * 720 + obj_date.getMinutes() / 60 * 30;
 }

今日の日付を表示




時間取得を利用して画像変更

パソコン内の日付データを取得して判断します。


素材

 var dateObj:Date = new Date();
  var dayID = dateObj.getDay();

 switch (dayID) {
	case 0:
		this.gotoAndStop("sun");
 		break;
 	case 1:
		 this.gotoAndStop("mon");
		 break;
	case 2:
		this.gotoAndStop("tue");
		break;
	case 3:
		this.gotoAndStop("wed");
		break;
	case 4:
		this.gotoAndStop("thu");
		break;
	case 5:
		this.gotoAndStop("fri");
		break;
	case 6:
		this.gotoAndStop("sat");
		break;
}


素材

 var dateObj:Date = new Date();
 var hourID = dateObj.getHours();

 if (hourID < 6) {
	this.gotoAndStop("p1");
 }else if (hourID < 12) {
	this.gotoAndStop("p2");
 }else if (hourID < 18) {
	this.gotoAndStop("p3");
 }else if (hourID < 24) {
	this.gotoAndStop("p4");
 }


広告を非表示にする