<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               mouseMove="mouseMoveHandler(event)"
               width="300" height="200"
               frameRate="2">
    
    <fx:Script>
        <![CDATA[
            private var timer:Timer;
            private var startTime:Number;

            private function startTimer():void
            {
                timer = new Timer(10, 0);
                timer.addEventListener(TimerEvent.TIMER, timerHandler);
                timer.start();
                startTime = getTimer();
            }
            private function timerHandler(event:TimerEvent):void
            {
                var deltaTime:Number = getTimer() - startTime;
                if (deltaTime > 1000)
                {
                    timer.stop();
                    button.x = width - button.width;
                    timer = null;
                }
                else
                {
                    button.x = (width - button.width) / 1000 * deltaTime;
                }
                if (updateFlagCB.selected)
                    event.updateAfterEvent();
            }
            private function mouseMoveHandler(event:MouseEvent):void
            {
                mouseTracker.x = event.stageX - (mouseTracker.width / 2);
                mouseTracker.y = event.stageY - (mouseTracker.height / 2);
                if (updateFlagCB.selected)
                    event.updateAfterEvent();
            }
        ]]>
    </fx:Script>
    <s:Rect left="0" right="0" top="0" bottom="0">
        <s:stroke>
            <s:SolidColorStroke color="black"/>
        </s:stroke>
    </s:Rect>
    <s:Label baseline="15" text="frameRate:"/>
    <s:TextInput x="80" width="50" baseline="15" id="frameRateInput" text="2" 
                 change="stage.frameRate = Number(frameRateInput.text)"/>
    <s:CheckBox id="updateFlagCB" selected="false" x="140" label="updateAfterEvent:"/>
    <s:Button id="button" label="Move Me" y="50" click="startTimer()"/>
    <s:Ellipse id="mouseTracker" width="10" height="10">
        <s:fill>
            <s:SolidColor color="red"/>
        </s:fill>
    </s:Ellipse>
</s:Application>