trunk/src/LTTimer.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="onInit()" viewSourceURL="srcview/index.html">

    <mx:Style>
        /* 埋め込みフォントとして使えるようにするための準備 */
        @font-face {
        src: url("ACE.TTF");
            fontFamily: ACEEmbedded;
            unicodeRange:
                                U+0030-U+0039, /* Numbers [0..9] */
                                U+0021-U+0021, /* Exclamation [!] */
                                U+003A-U+003A, /* Colon [:] */
                                U+0041-U+005A; /* Alpha [A-Z] */
        }

        global {
            font-size: 20;
        }
    </mx:Style>

        <mx:Script>
                <![CDATA[
                        import mx.charts.chartClasses.DataDescription;
                        import mx.formatters.DateFormatter;
                        import mx.effects.Effect;

                        private const TIMER_INTERVAL:Number = 100; //mill seconds
                        private const EMERGENCY_INTERVAL:Number = 30; //seconds
                        private var _endTime:Number = 0;
                        private var _emergencyTime:Number;
                        private var _timer:Timer;

                        private function onInit():void{
                                // fit scale to display size 
                                _clock.text = "00:77";
                                _clock.validateNow();
                                _clock.scaleX = this.width * 0.9 / _clock.textWidth;
                                _clock.scaleY = this.height* 0.9 / _clock.textHeight;
                                trace(_clock.scaleX, _clock.maxWidth , _clock.textWidth);
                                
                                onStartClick();
                        }
                        
                        private function onStartClick():void{
                                if(_timer) _timer.stop(); //既に動いてたら止める
                                
                                _clock.setStyle("color", "#000000");
                                _endTime = new Date().getTime() + Number(_minutes.text) * 60 * 1000;
                                _emergencyTime = _endTime - EMERGENCY_INTERVAL * 1000;
                                
                                _timer = new Timer(TIMER_INTERVAL, Number(_minutes.text) * 60 * 1000 / TIMER_INTERVAL);
                                _timer.addEventListener(TimerEvent.TIMER, countDown);
                                _timer.addEventListener(TimerEvent.TIMER_COMPLETE, finish);
                                _timer.start();
                        }
                        
                        private function countDown(e:TimerEvent):void{
                                if(new Date().getTime() >= _emergencyTime){
                                        _clock.setStyle("color", "#FF0000");
                                }

                                var lastTime:int = _endTime - new Date().getTime();
                                if(lastTime > 0){
                                        var fommatter:DateFormatter = new DateFormatter();
                                        fommatter.formatString = "NN:SS";
                                        var date:Date = new Date();
                                        date.setTime(lastTime);
                                        _clock.text = fommatter.format(date);
                                        playEffect();
                                }else if(lastTime <= 0){
                                        _clock.setStyle("color", "#FFFF00");
                                        _timer.dispatchEvent(new TimerEvent(TimerEvent.TIMER_COMPLETE));
                                }
                        }
                        
                        private function finish(e:TimerEvent):void{
                                _clock.text = "END!";
                                _clock.alpha = 1.0;
                                _blurOff.target = _clock;
                                _blurOff.play();
                        }

                        private function playEffect():void{
                                var effect:Effect = _blurAndFade;
                                effect.end();
                                effect.target = _clock;
                                //effect.play();
                        }
                ]]>
        </mx:Script>
        
    <mx:Parallel id="_blurAndFade">
            <mx:Fade duration="1100"
                alphaFrom="1.0" alphaTo="0.0"/>
                <mx:Blur duration="1200"
                        blurXFrom="0" blurXTo="30"
                        blurYFrom="0" blurYTo="30"/>
        </mx:Parallel>
        <mx:Blur id="_blurOff"
                duration="0"
                blurXTo="0"
                blurYTo="0"/>

        <mx:TextInput x="10" y="10" width="63" id="_minutes" text="1"/>
        <mx:Label x="81" y="12" text="分"/>
        <mx:Button x="110" y="10" label="スタート" click="onStartClick()"/>
        <mx:Label x="10" y="45" id="_clock" fontThickness="200" fontSize="128" width="100%" fontFamily="ACEEmbedded"/>
</mx:Application>