今天，我们来看看如何使用AS3.0制作模拟时钟。模拟时钟包括钟面、时针、分针和秒针。我们需要先准备这些元件材料。
一，我在网上下载了一个纯钟面的图片，要求不含这些针脚。将图片导入到舞台，调整好钟面的大小和位置。
二，新建一个影片剪辑，使用工具绘制一个针形状。设置颜色为黑色。直接复制该元件，设置新元件的的针颜色为红色。
三，拖动两个黑色的元件到舞台，分别为时针和分针，命名为hoursHand和minutesHand；拖动一个红色元件到舞台，作为秒针，命名为secondsHand。调整三根针的旋转中心点的位置，方法是：选择任意变形工具后，单击其中一根针，在该元件上会出现一个空心小圆点，你可以使用鼠标按住该圆点并拖动到想要的位置，这样元件会围绕这个圆的转动。我们知道钟表上的针会围绕一端转动，所以你可以将小圆点拖到到靠针一端的位置。依次更改每一个针的旋转中心点。
四、输入代码并测试即可。
//http://www.flashabc.net
import flash.utils.Timer;
var currentTime:Date;
var ticker:Timer
ticker = new Timer(1000);//注1
ticker.addEventListener(TimerEvent.TIMER, onTick);
ticker.start();
function onTick(event:TimerEvent):void
{
clock();
}
function clock():void
{
currentTime = new Date();//注2
showTime(currentTime);
}
function showTime(time:Date):void
{
var seconds:uint = time.getSeconds(); //注2
var minutes:uint = time.getMinutes();
var hours:uint = time.getHours();
secondsHand.rotation = (seconds * 6); //注3
minutesHand.rotation = (minutes * 6);
hoursHand.rotation = (hours * 30) + (minutes * 0.5);
}//http://www.flashabc.net<br/>import flash.utils.Timer;<br/><br/> var currentTime:Date;<br/> var ticker:Timer<br/> ticker = new Timer(1000);//注1<br/> ticker.addEventListener(TimerEvent.TIMER, onTick); <br/> ticker.start();<br/> function onTick(event:TimerEvent):void <br/> { <br/>clock(); <br/> }<br/> function clock():void <br/> { <br/> currentTime = new Date();//注2<br/> showTime(currentTime); <br/> }<br/> function showTime(time:Date):void <br/> { <br/> var seconds:uint = time.getSeconds(); //注2<br/> var minutes:uint = time.getMinutes(); <br/> var hours:uint = time.getHours(); <br/> <br/>secondsHand.rotation = (seconds * 6); //注3<br/>minutesHand.rotation = (minutes * 6); <br/>hoursHand.rotation = (hours * 30) + (minutes * 0.5); <br/> }
代码注解：
1.设置时间触发器，每秒执行一次函数。
2.读入当前系统时间，分别读入秒、分和时
3.根据时分秒来调整三根针的旋转角度和位置。由于秒针会在 60 秒内旋转一圈，因此它每秒都会旋转 6 度 (360/60)。分针每分钟都旋转同样的度数。时针每分钟都在更新，因此时针能够随着分针的跳动显示出某些时间变化过程。时针每小时旋转 30 度 (360/12)，但也会每分钟旋转半度 （30 度除以 60 分钟）。
