flex定时器修改定时时间等操作1
需积分: 0 69 浏览量
更新于2022-08-08
收藏 15KB DOCX 举报
在Flex编程中,定时器是实现延时执行或周期性任务的重要工具。在这个特定的示例中,我们看到一个基于Spark的Flex应用,它使用了`setInterval`方法来创建一个定时器,该定时器每隔一段时间就会触发一个事件。下面我们将深入探讨与这个标题和描述相关的关键知识点。
1. **Flash的定时器API**:
- `flash.utils.setInterval`: 这个函数用于设置一个定时器,它会在指定的时间间隔后重复调用提供的函数。在本例中,`setInterval(function(){Alert.show("10");}, 2000)`表示每两秒钟(2000毫秒)弹出一个显示"10"的警告框。
2. **清除定时器**:
- `flash.utils.clearInterval`: 当不再需要定时器继续执行时,可以使用`clearInterval`函数来清除。在`clear`函数中,`clearInterval(refresh1)`会停止由`refresh1`引用的定时器。
3. **重新设定定时器**:
- 示例中的`retime`函数展示了如何重新设置定时器的间隔。它再次调用`setInterval`,但并不清除旧的定时器。在这种情况下,`retime`函数与`init`函数的行为相同,都是每两秒显示一次警告框。为了正确重置定时器,通常需要先清除旧的定时器,然后再创建新的。
4. **MXML与ActionScript的结合**:
- 在MXML文件中,我们看到了两个Spark Button组件,它们分别关联到`clear`和`retime`函数。这是通过在MXML的`click`属性中指定函数名来实现的,例如`click="clear();"`。当用户点击按钮时,关联的函数会被调用。
5. **Flex事件处理**:
- 事件处理在Flex中通常是通过在ActionScript中定义函数来完成的。在这个例子中,`startButton`和`reTimeButton`的点击事件分别触发了`clear`和`retime`函数的执行。
6. **Flex组件库**:
- Spark组件库 (`<s:>` 前缀) 是Flex 4引入的,提供了一组轻量级且可自定义的UI组件,如这里的Button。另外,还有MX组件库 (`<mx:` 前缀),它是Flex 3时代的组件集,虽然在Spark中仍然可用,但通常用于向后兼容。
7. **生命周期方法**:
- `creationComplete`事件在组件完全创建并布局完毕后触发,适合在这个事件处理函数中初始化组件和设置初始状态。在本例中,`init`函数在这里被用作组件初始化的场所。
这个Flex应用演示了如何创建、清除和重新设定定时器,并将这些功能与用户界面交互结合。通过理解这些基本概念,开发者可以构建更复杂的应用,实现定时执行各种任务。