Actionscript3.0 ストップウォッチ

質問

こんにちは
Flash　Actionscript3.0 についての質問です。

こちらのサイト
http://labs.cybridge.jp/2009/10/actionscript30.html

のストップウォッチの、
ボタン部分を自作のシンボルボタンに変えたいのですが、
その場合はコードをどのように書けばいいのでしょうか。
スタートボタンのインスタンス名startbtn
ストップボタンのインスタンス名stopbtn　です。

よろしくお願いします。

回答No.1

BlurFiltan

まずは，
ご質問に "単純に回答するだけ" でしたら
次のようなスクリプトにすれば良いと思います。

変更はごく一部で大半は削除です。

//---------------------------------------
package {

import flash.display.Sprite;
import flash.display.SimpleButton;
import flash.utils.Timer;
import flash.events.TimerEvent;
import flash.events.MouseEvent;
import flash.text.TextField;

public class FlashTest extends Sprite {

public var MiliSeconds = 0;
public var Clock = new Timer(10);
public var myTextField:TextField = new TextField();

//↓削除(コメントアウト)
//public var startBTN:Sprite = new Sprite();
//public var stopBTN:Sprite = new Sprite();

public function FlashTest() {

// timer text

myTextField.x = 100;
myTextField.y = 70;
myTextField.text = "0:00:00";
this.addChild(myTextField);

//↓削除(コメントアウト)
// // start button
//startBTN.graphics.beginFill(0xFFCC00);
//startBTN.graphics.drawRect(60, 5, 40, 40);
//this.addChild(startBTN);

//↓変更
startbtn.addEventListener(MouseEvent.CLICK, ClockStart);

//↓削除(コメントアウト)
//startBTN.addEventListener(MouseEvent.MOUSE_OVER, mOver);
//startBTN.addEventListener(MouseEvent.MOUSE_OUT, mOut);

//↓削除(コメントアウト)
// // stop button
//stopBTN.graphics.beginFill(0xCCFF00);
//stopBTN.graphics.drawRect(160, 5, 40, 40);
//this.addChild(stopBTN);

//↓変更
stopbtn.addEventListener(MouseEvent.CLICK, ClockStop);

//↓削除(コメントアウト)
//stopBTN.addEventListener(MouseEvent.MOUSE_OVER, mOver);
//stopBTN.addEventListener(MouseEvent.MOUSE_OUT, mOut);

// clock
Clock.addEventListener(TimerEvent.TIMER, this.Tick);

}

public function Tick(e:TimerEvent):void {
MiliSeconds++;
var s:int = Math.floor(MiliSeconds / 100);
var minutes:int = Math.floor(s / 60);
var seconds:int = s % 60;
var mili:int = MiliSeconds % 100;
myTextField.text = minutes + ":" + (seconds > 9 ? seconds : "0" + seconds) +":"+ (mili > 9 ? mili : "0" + mili);
}

//↓削除(コメントアウト)
//public function mOver( e) {
// e.target.alpha = 0.5;
//}

//↓削除(コメントアウト)
//public function mOut( e ) {
// e.target.alpha = 1;
//}

public function ClockStart(e) {
MiliSeconds = 0;
Clock.start();
}

public function ClockStop(e) {
Clock.stop();
}

}
}
//---------------------------------------

しかし...ですね，
ハッキリ言ってこのスクリプトは超駄作です(根本的に考え方が間違っています)。

Timer系 はものすごく時の刻みがイイカゲンなのです。

参考にされたサイトのストップウォッチや
今回の回答のために実際に作成してみたストップウォッチを動かしてみましたが，
私の環境では，１分間動かしても約35秒くらいの時しか刻みませんでした。

誤差が膨大すぎてストップウォッチとしては全く使い物になりません。

Timer系 は
定期的にイベントを発生させるためのしくみであって
時を計るために用意されたものではありません。

参考にされたページには
次のような一文があります。

> ストップウォッチの作成方法には
> enterframeとtimerの2種類があり
> ざっと検索してみたところ、enterframe系の
> 処理はサンプルソースがたくさんあったのですが、
> timer系で処理しているものがみあたらなかったので

そりゃ当たり前です。
"時の計測自体" に Timer系 を使う人などいません。

Timer系 にしても EnterFrame系 にしても
それらによるイベント発生はものすごく時間がイイカゲンですから
それ自体の動作間隔で時間や時刻を計測することはできないのです。

もし Timer系 を使うにしても
それ自体で時を計測するのではなく
EnterFrame系 の使い方と同様に
getTimer() または new Date() などで，
定期的に時間や時刻を取得する必要があります。

それは面倒ですし，
Timer系 で実行タイミングを細かく刻んでも
結局表示の更新はデフォルトでは EnterFrame のタイミングで行われるわけですから無意味です。

したがって "普通" は Timer系 など使わず
EnterFrame系 の実行タイミングで時間や時刻を取得するのです。
(多くのサイトでしている "普通" にはちゃんと意味があるのです。)

getTimer() で得る時間もイイカゲンと言えばイイカゲンで，
あまり長時間は計れませんがこれほど莫大な誤差は出ません。
誤差は現行の 1000分の1 くらいになると思います。

Google検索例「getTimer() AS3 ストップウォッチ」
http://www.google.co.jp/search?q=getTimer%28%29+AS3+%E3%82%B9%E3%83%88%E3%83%83%E3%83%97%E3%82%A6%E3%82%A9%E3%83%83%E3%83%81