`
lijianan789
  • 浏览: 106160 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Flex Timer的用法

    博客分类:
  • flex
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        creationComplete="init()" viewSourceURL="srcview/index.html">

    <mx:Script>
        <![CDATA[
            import flash.utils.Timer;
            import flash.events.TimerEvent;

            private const MIN_MASK:String = "00";
            private const SEC_MASK:String = "00";
            private const MS_MASK:String = "000";
            private const TIMER_INTERVAL:int = 10;

            private var baseTimer:int;

            private var t:Timer;

            private function init():void {
                t = new Timer(TIMER_INTERVAL);
                t.addEventListener(TimerEvent.TIMER, updateTimer);
            }

            private function updateTimer(evt:TimerEvent):void {
                var d:Date = new Date(getTimer() - baseTimer);
                var min:String = (MIN_MASK + d.minutes).substr(-MIN_MASK.length);
                var sec:String = (SEC_MASK + d.seconds).substr(-SEC_MASK.length);
                var ms:String = (MS_MASK + d.milliseconds).substr(-MS_MASK.length);
                counter.text = String(min + ":" + sec + "." + ms);
            }

            private function startTimer():void {
                baseTimer = getTimer();
                t.start();
            }

            private function stopTimer():void {
                t.stop();
            }
        ]]>
    </mx:Script>

    <mx:ApplicationControlBar dock="true">
        <mx:Button label="Start timer" click="startTimer()" />
        <mx:Button label="Stop timer" click="stopTimer()" />
    </mx:ApplicationControlBar>   

    <mx:Label id="counter" fontSize="96" />

</mx:Application>
分享到:
评论

相关推荐

    Flex 计时器源码 timer

    ### Flex计时器源码详解:实现方法定时执行与事件触发操作 在Flex框架中,计时器(Timer)类是实现周期性任务调度的重要工具之一。本文将深入解析一个简单的Flex计时器示例代码,并详细介绍其工作原理、应用场景...

    使用Timer实现FLEX单击双击分离响应

    标题中的“使用Timer实现FLEX单击双击分离响应”是指在Adobe Flex应用程序开发中,如何通过使用Timer类来区分用户的单击事件和双击事件。在Flex中,用户界面的交互是通过事件驱动的方式进行的,单击和双击事件也不...

    总结flex各种用法

    为了实现背景颜色的自动变化,可以使用定时器`Timer`: ```actionscript private function changeBG():void { var myTime:Timer = new Timer(2000); myTime.addEventListener(TimerEvent.TIMER, changHandle); ...

    flex的时间控件用法

    本篇文章将深入探讨“flex的时间控件用法”,特别是基于Timer控件的一个简单示例,非常适合初学者学习。 Timer控件是ActionScript 3.0中的一个关键组件,它允许我们在指定的时间间隔内重复调用一个函数或执行一段...

    flex游戏开发demo

    在Flex中,可以使用Timer或ENTER_FRAME事件来驱动游戏循环。 - **碰撞检测**:检测游戏对象间的碰撞是游戏逻辑的重要部分。可以使用矩形碰撞检测、像素级碰撞检测等方法。 - **物理引擎**:对于复杂的运动模拟,...

    flex 经典教程下载

    在本教程中,我们将深入探讨Flex的基础知识,包括设计视图和源视图的使用,以及如何创建动态效果、处理事件和进行数据交互。 **设计视图与源视图** Flex 提供了两种工作方式:Design 视图和 Source 视图。Design ...

    flex 写的时钟

    标题中的“flex 写的时钟”指的是使用Adobe Flex技术创建的一...通过这个时钟项目的实践,开发者不仅可以掌握Flex的基本用法,还能理解组件开发、事件处理和实时数据更新等核心概念,为后续更复杂的Flex项目打下基础。

    flex 学习项目中总结的时间处理工具类DateUtils

    下面我们将深入探讨这个工具类可能包含的一些关键功能和使用场景。 1. **日期格式化**:在许多情况下,我们需要将日期转换为易于阅读的字符串格式。`formatDate`函数可能接受一个日期对象和一个格式字符串,如"yyyy...

    Flex效果示例3个(加载图片+卷帘门+控件移动)

    首先,创建一个`Loader`实例,然后使用`load()`方法指定要加载的URL。加载完成后,图片可以被添加到显示列表中。此外,`LoaderInfo`对象可以用来监听加载进度和完成事件,确保图片正确加载。例如: ```actionscript...

    Flex滤镜效果

    在Flex开发中,为了增加用户界面的美观度和交互性,开发者经常使用各种视觉效果和动画。其中,Flex滤镜效果是实现这些视觉增强的重要手段之一。本文将深入探讨Flex滤镜效果的概念、应用场景以及如何通过代码实现动态...

    经典的 flex 笔试题

    - 对于定时器或事件监听器,应使用相应的清除函数如`clearTimer`或`removeEventListener`来释放它们。 - `Binding`的绑定和解绑应该正确地进行管理,以避免不必要的内存占用。 - 使用`Effect`时,在不再需要时应...

    看完Flex就可以做出一个小游戏

    - **定时调用的方法**:通过 `addEventListener(TimerEvent.Timer, 方法)` 添加定时事件监听器。 - **启动/停止**:使用 `Timer.start()` 和 `Timer.stop()` 控制定时器的启动和停止。 6. **事件处理**: - **...

    Flex 进度条

    为了实现进度条的动态更新,Flex允许使用ActionScript中的Timer类。通过设定计时器的周期性事件,可以在每次触发时增加进度条的当前值,从而实现进度条的逐步填充效果。例如,可以设置每100毫秒进度条值增加1,直到...

    flex如何使得alert定时关闭

    这个功能可以通过结合使用`Alert`类和`Timer`类来实现。下面我们将详细讲解如何在Flex中实现这个功能。 首先,`Alert`类是Flex提供的一种用于显示警告或确认消息的内置组件。它通常会暂停程序执行,直到用户做出...

    flex试题打包面试题挺好的

    - **问题描述**:在使用Flex Builder 3创建mxml页面时,默认的背景颜色是什么,如何更改此默认背景颜色? - **解决方法**:要修改Flex项目的默认背景颜色,可以通过编辑SDK中的CSS文件实现。具体路径为:`sdk\...

    基于flex的flv简易播放器

    【基于Flex的FLV简易播放器】是一种使用Adobe Flex Builder开发的简单视频播放器应用程序,主要针对FLV格式的视频内容。Flex是基于ActionScript 3.0的开放源代码框架,用于构建富互联网应用程序(RIA)。在这个...

    flex画线动画示例.txt

    根据提供的文件信息,...此外,使用Flex的MXML和AS3结合的方式也展示了在Flex中实现复杂动画的一种方法。对于希望深入了解Flex动画机制或者学习如何使用Flex进行动画开发的学习者来说,该示例提供了很好的参考价值。

    Flex控制外部引用SWF的播放进度源码

    一种可能的解决方案是使用时间间隔(`Timer`类)来模拟进度,定期检查当前播放的位置,并通过改变SWF的帧位置来调整进度。但这通常不是一个理想的方法,因为它可能与SWF的内部播放机制冲突,导致不准确或不连贯的...

    flex4 权威教程 中文版 入门

    - **多线程与异步处理**:掌握Thread和Timer类的使用方法,提高程序响应速度和用户体验。 #### 七、Flex4开发资源推荐 - **官方文档**:Adobe官方网站提供的最新Flex文档和技术支持。 - **社区论坛**:参与Stack ...

    flex实现高亮闪烁显示polyline

    ### Flex 实现高亮闪烁显示 Polyline 的方法 在 Flex 中实现高亮闪烁显示 Polyline 是一种常见的图形用户界面设计技巧,特别是在地图应用、数据可视化等领域。本文将详细介绍如何使用 Flex 和相关技术来实现这一...

Global site tag (gtag.js) - Google Analytics