编程基础知识初一下册，Flash，AS实现时钟效果(全脚本实现)

Flash AS（ActionScript）是一种基于对象的编程语言，它是Adobe公司为Flash软件所开发的一种脚本语言。Flash AS可以用来控制Flash文件中的动画、文本、音频、视频和图形等元素。在这篇文章中，我们将使用Flash AS来实现一个时钟效果，通过这个例子，大家可以初步了解Flash AS的基础语法和使用方法。

步骤一：开启Flash软件，创建一个新的AS3文档，设置舞台大小为400x400像素。在舞台中央放置一个圆形的时钟表盘，大小为200x200像素。

步骤二：使用文本框工具，创建小时、分钟、秒钟和日期的文本显示框。

步骤三：在代码面板中输入以下代码：

```AS3

var clockTimer:Timer = new Timer(1000);

clockTimer.addEventListener(TimerEvent.TIMER, updateTime);

clockTimer.start();

function updateTime(e:TimerEvent):void {

var now:Date = new Date();

var hours:int = now.getHours();

var minutes:int = now.getMinutes();

var seconds:int = now.getSeconds();

var month:int = now.getMonth() + 1;

var date:int = now.getDate();

var year:int = now.getFullYear();

hour_txt.text = hours.toString();

minute_txt.text = minutes.toString();

second_txt.text = seconds.toString();

date_txt.text = month + "/" + date + "/" + year;

}

```

这段代码首先创建了一个计时器对象，计时器的间隔为1秒（1000毫秒）。然后监听计时器事件，时间一到就执行updateTime函数。updateTime函数中通过Date类获取当前时间，将时分秒和日期分别显示在文本框中。

步骤四：在代码面板中输入以下代码：

```AS3

var clockRadius:Number = 80;

var centerPoint:Point = new Point(200, 200);

// 画时针

var hourHand:Shape = new Shape();

addChild(hourHand);

// 画分针

var minuteHand:Shape = new Shape();

addChild(minuteHand);

// 画秒针

var secondHand:Shape = new Shape();

addChild(secondHand);

// 画时钟刻度

for (var i:int = 0; i < 12; i++) {

var tick:Shape = new Shape();

var tickAngle:Number = (i * 30) * Math.PI / 180;

var tickStartPoint:Point = new Point(centerPoint.x + Math.cos(tickAngle) * clockRadius, centerPoint.y + Math.sin(tickAngle) * clockRadius);

var tickEndPoint:Point = new Point(centerPoint.x + Math.cos(tickAngle) * (clockRadius - 10), centerPoint.y + Math.sin(tickAngle) * (clockRadius - 10));

tick.graphics.lineStyle(2, 0x000000);

tick.graphics.moveTo(tickStartPoint.x, tickStartPoint.y);

tick.graphics.lineTo(tickEndPoint.x, tickEndPoint.y);

addChild(tick);

}

```

这段代码首先获取时钟的半径和中心点。然后创建时针、分针、秒针和刻度的Shape对象。接着使用for循环，将12个时钟刻度依次绘制出来。在绘制刻度时，先计算出刻度线段的起始点和终止点，然后使用graphics.lineStyle和graphics.lineTo方法将线段绘制出来。

步骤五：在代码面板中输入以下代码：

```AS3

function updateClockHands():void {

var now:Date = new Date();

var hours:int = now.getHours();

var minutes:int = now.getMinutes();

var seconds:int = now.getSeconds();

// 计算时针角度

var hourAngle:Number = (hours + minutes / 60) * 30 * Math.PI / 180;

hourHand.graphics.clear();

hourHand.graphics.lineStyle(4, 0x000000);

hourHand.graphics.moveTo(centerPoint.x, centerPoint.y);

hourHand.graphics.lineTo(centerPoint.x + Math.cos(hourAngle) * (clockRadius - 40), centerPoint.y + Math.sin(hourAngle) * (clockRadius - 40));

// 计算分针角度

var minuteAngle:Number = minutes * 6 * Math.PI / 180;

minuteHand.graphics.clear();

minuteHand.graphics.lineStyle(2, 0x000000);

minuteHand.graphics.moveTo(centerPoint.x, centerPoint.y);

minuteHand.graphics.lineTo(centerPoint.x + Math.cos(minuteAngle) * (clockRadius - 20), centerPoint.y + Math.sin(minuteAngle) * (clockRadius - 20));

// 计算秒针角度

var secondAngle:Number = seconds * 6 * Math.PI / 180;

secondHand.graphics.clear();

secondHand.graphics.lineStyle(1, 0xFF0000);

secondHand.graphics.moveTo(centerPoint.x, centerPoint.y);

secondHand.graphics.lineTo(centerPoint.x + Math.cos(secondAngle) * (clockRadius - 10), centerPoint.y + Math.sin(secondAngle) * (clockRadius - 10));

}

var handTimer:Timer = new Timer(1000);

handTimer.addEventListener(TimerEvent.TIMER, updateClockHands);

handTimer.start();

```

这段代码中定义了一个updateClockHands函数，用于更新时针、分针和秒针的角度。在函数中，先获取当前时间的时、分、秒，然后分别计算时针、分针和秒针的角度。计算角度的公式为：时针角度 = (时数 + 分数 / 60) * 30°，分针角度 = 分数 * 6°，秒针角度 = 秒数 * 6°。接着使用graphics.lineStyle和graphics.lineTo方法将时、分、秒针绘制出来。

最后，创建一个计时器对象，每隔1秒执行updateClockHands函数，更新时针、分针和秒针的位置。

到此为止，时钟效果已经实现了。通过这个例子，我们初步了解了Flash AS的基础语法、函数、计时器和Shape绘图等知识点。值得一提的是，以上实现方法虽然简单，但可以通过学习其他高阶语言，如C++、Java等来进行对比学习，了解编程语言之间的异同。