Flex 显示时间

最新推荐文章于 2020-04-21 16:30:38 发布

最新推荐文章于 2020-04-21 16:30:38 发布 · 170 阅读

文章标签：

#Flex #Flash #Adobe #XML

本文介绍如何使用Flex的Date和Timer类结合自定义格式化显示实时更新的时间和日期。通过每隔一秒触发更新事件的方式，实现时间的动态刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Flex中虽然提供了Date类以及Timer类，但是需要显示时间还要进行一定的转化，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	
   <mx:Script>   
   <![CDATA[
   
       import mx.formatters.DateFormatter;   
       import flash.utils.Timer;
       import flash.events.TimerEvent;   
  
       private function init():void {   
        	      var timer:Timer = new Timer(1000);   
           	      timer.addEventListener(TimerEvent.TIMER, this.resetNow);           	      
                      timer.start();   
       }   
          
          
       private function resetNow(event:TimerEvent):void {   
           	
           	// 获取登录时间和日期
	var dateFormatter:DateFormatter = new DateFormatter(); 
	dateFormatter.formatString = "YYYY年MM月DD日";
	var time:String = new Date().toLocaleTimeString();
	var date:String = dateFormatter.format(new Date());
	this.date.text = date;  
	this.clock.text = time;
       }   
  
   ]]>   
   </mx:Script>
   
   <mx:Text id="clock" text="" creationComplete="this.init()" right="10" height="20" width="120" top="10"/>
   
   <mx:Text id="date" text="" creationComplete="this.init()" right="100" height="20" width="120" top="10"/>
   	
</mx:Application>