`
lk215215
  • 浏览: 64292 次
  • 来自: ...
社区版块
存档分类
最新评论

FLEX:数字时钟

    博客分类:
  • FLEX
阅读更多
  首先,需要建一个Flex工程,打开mxml文件加入代码如下:
 
  <?xml version="1.0" encoding="utf-8"?>
  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" >
	<mx:Text id="clock" text="" creationComplete="this.init();" 
       right="10" height="20" width="120" top="10"/>
    <mx:Script>
    	<![CDATA[
    	import flash.utils.Timer;
        import flash.events.TimerEvent;
 
        private var timer:Timer;
              
        private function init():void {
            this.timer = new Timer(1000);
            this.timer.addEventListener(TimerEvent.TIMER, this.resetNow);
            this.timer.start();
        }
        
        
        private function resetNow(event:TimerEvent):void {
            this.clock.text = new Date().toLocaleTimeString();
        }

    	]]>
    </mx:Script>
</mx:Application>
  

即可实现数字时钟的效果,更新时间设置为1000ms(1s)
分享到:
评论

相关推荐

    Flex数字时钟

    Flex数字时钟是一种基于Adobe Flex框架开发的交互式应用程序,主要用于显示实时的数字时间,并且其时针能够自动转动,为用户提供直观的时间显示。Flex是一个开源的开发工具,主要用于构建富互联网应用程序(RIA),...

    数字时钟 表盘时钟 示例

    【标题】"数字时钟 表盘时钟 示例"是一个关于使用Adobe Flex技术创建的时钟应用示例,其中包含了两种不同的时钟显示方式:数字时钟和表盘时钟。这个项目可能是一个教学资源或者是为了展示Flex在构建桌面应用程序...

    HTML网页数字时钟代码.rar

    HTML网页数字时钟是一种在网页上实时显示当前时间的交互式元素,通常通过JavaScript实现。在"HTML网页数字时钟代码.rar"这个压缩包中,我们可以预期包含一个或多个文件,用于创建一个居中显示、包含年月日时分秒的...

    css3+js简单数字时钟代码

    **CSS3 + JavaScript 简单数字时钟代码详解** 在网页开发中,有时我们需要创建一个实时显示当前时间的时钟。本项目就是一个基于CSS3和JavaScript实现的简单数字时钟,它能自动获取本地时间,并以时、分、秒上下滚动...

    JS-数字时钟(有样式的数字时钟)

    在这个项目中,我们关注的是一个利用JS实现的具有样式的数字时钟。数字时钟是一种实时显示当前时间的工具,而“有样式的”通常意味着它在设计上具有独特的视觉效果,可能包括定制的字体、颜色、动画等。 首先,我们...

    H5 C3粘稠状液体数字时钟动画代码.zip

    代码片段: html, body { margin: 0; padding: 0; height: 100%; } .wrap { ... display: flex;...flex-direction: column;  justify-content: center;   align-items: center; }

    js css3创意的数字时钟代码

    在本文中,我们将深入探讨如何使用JavaScript(JS)和CSS3来创建一个创新的数字时钟。这个项目结合了这两种强大的Web技术,为用户呈现一个动态、视觉吸引人的时钟界面。 首先,让我们理解基本概念。JavaScript是一...

    js实现的仿LED数字电子时钟效果.rar_js写led显示_js实现的仿LED数字电子时钟效果_paperqeu

    6. **CSS布局**:LED数字时钟的布局通常需要水平对齐,这可以通过CSS的`display: flex`或`text-align: center`属性来实现。此外,每个LED数字之间的间距也需要通过CSS调整。 7. **JavaScript模块化**:如果项目较大...

    jQuery二进制数字时钟代码.zip

    《jQuery二进制数字时钟代码详解》 在IT领域,jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务,极大地提高了开发效率。今天我们将深入探讨一个基于jQuery实现的二...

    微信小程序源码模版_画布:时钟.rar

    - 布局系统:微信小程序采用了Flex布局,可以帮助开发者轻松地实现复杂界面的布局。 - 网络请求:使用wx.request可以进行网络请求,获取服务器数据,例如获取实时时间以提高时钟准确性。 - 状态管理:对于大型项目,...

    基于FPGA的数字时钟

    ### 基于FPGA的数字时钟设计关键知识点 #### 一、设计背景与目的 - **背景**:随着微电子技术的发展,FPGA(Field Programmable Gate Array)作为一种高度灵活且可重配置的集成电路,在现代电子系统设计中占据着极其...

    AS3漂亮的时钟源码

    AS3漂亮的时钟源码是一个基于ActionScript 3(AS3)编程语言的Flash应用程序,用于创建具有吸引力和视觉效果的数字或模拟时钟。AS3是Adobe Flash Professional和Flex Builder等开发工具广泛使用的脚本语言,它为构建...

    简单清新带日期的圆形数字电子时钟js特效代码.zip

    这个项目旨在创建一个直观且美观的数字时钟,其特点在于圆形的设计,同时显示当前的日期,为网页增加动态效果。 首先,我们需要理解JavaScript在其中的角色。JavaScript是一种广泛用于网页和应用程序的脚本语言,它...

    单片机的数字时钟设计说明.doc

    ### 单片机数字时钟设计相关知识点 #### 引言 随着电子技术的发展,单片机被广泛应用在各种仪器仪表的设计中。本设计旨在利用单片机技术开发一款具有实用性的数字时钟,该时钟不仅可以显示时间、日期等基本信息,还...

    基于FLEX10K的数字显示程序设计.pdf

    本文主要探讨了基于FLEX10K芯片的数字显示程序设计,这是一项涉及EDA技术的应用实践。EDA(电子设计自动化)技术是现代集成电路和电子系统设计的关键,它借助硬件描述语言,如VHDL,通过计算机软件进行设计,最终...

    as3.0电子表式的电子时钟时钟

    描述中的“as3电子表式时钟”表明这是一个模拟传统电子表显示的数字时钟程序,使用了AS3编写。作者提到这是他们的首次尝试,可能意味着这是一个初学者项目,或者至少是作者在AS3时钟编程领域的初次探索。他们希望...

    42款flash时钟

    这些设计可能涵盖了数字时钟、模拟时钟、世界时钟等多种类型,每款时钟都可能运用了不同的视觉效果和动画技术,展示了Flash在创意表现上的灵活性。 5. **学习资源**:对于学习Flash或ActionScript的开发者来说,这...

    数字钟课程设计(用HDL设计一个多功能数字钟)

    在仿真实验阶段,设计将在EDA Pro2K实验开发系统上进行,采用Altera FLEX10K系列的EPF10K10LC84-4芯片进行仿真。仿真完成后,需要将设计编译为可下载的文件,以便在实验室硬件上进行实际操作。 在详细功能描述部分...

    JavaScript开发一个时钟

    在`clock.css`文件中,我们可以设置时钟的背景、边框、字体等属性,使其看起来更像一个真实的时钟: ```css #clock { width: 300px; height: 300px; border: 20px solid #333; border-radius: 50%; display: ...

Global site tag (gtag.js) - Google Analytics