setInterval 函数是Action Script 的全局函数,在Action Script 3.0 中它 被封装在 flash.util 包中,详见http://livedocs.macromedia.com/labs/1/flex/langref/migration.html, 它需要flash player 6 或以上版本的支持。
setInterval 有两种用法:
1. setInterval(functionName:Function, interval:Number [, param1:Object, param2, ..., paramN]) : Number
这种使用方法是让flash player 每隔interval (ms)时间调用functionName()这个函数,不关心这个方法是哪个对象的,后面跟传入的参数;一般来说这些参数值用来为函数提供数据,而不是从函数里取出数据。
2. setInterval(obj:Object, methodName:Function, interval:Number [, param1:Object, param2, ..., paramN]) : Number
这种方法调用obj 对象中的成员方法methodName,在flex 应用中必须使用这样的方法来实现定时调用的效果。这样的方式就能够,在methodName中就能够访问当前flex application的 成员变量或函数了。举个例子:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application initialize="initFunc()" xmlns:mx="http://www.macromedia.com/2003/mxml">
<mx:Script>
<![CDATA[
var count:Number;
function initFunc()
{
count = 60;
setInterval(this, "countDown", 1000);
}
function countDown()
{
showLabel.text = count.toString() + "second to go";
count -= 1;
if(count == 0)
timeUp();
}
function timeUp()
{
alert("Time is up");
}
]]>
</mx:Script>
<mx:Label id="showLabel"/>
</mx:Application>
如果这里使用第一种方法的话 就会出现 countDown 函数不能访问到count 和 showLabel 这两个变量,功能就没法实现,虽然可以通过传参数的方法来传入count 和 label:
setInterval(countDown, 1000, count:Number, showLabel:mx.controls.Label);
但是这样话 count-=1 并不起作用,所以根本不会count down。这个搞了我好久,开始没有看到第二种用法,大家要留意。
好看一点的例子:
function init()
{
var spanSec:Number=60*60 //an hour to go
var nf:mx.formatter.NumberFormatter = new mx.formatters.NumberFormatter();
nf.precision = 0;
nf.rounding = "down";
}
function timeCountDown()
{
var hr:Number =parseInt(nf.format(spanSec/3600));
var min:Number = parseInt(nf.format((spanSec - hr*3600)/60));
var sec:Number = parseInt(nf.format(spanSec - 60*min - hr*3600));
spanSec = spanSec - 1;
countDownLabel.text="Time left: "+hr+":"+min+":"+sec;
if(spanSec == 0)
{
submit();
}
}
function submit()
{
//do whatever you want
}
http://blog.csdn.net/applecjn/archive/2005/10/29/519173.aspx
分享到:
相关推荐
在这个特定的示例中,我们看到一个基于Spark的Flex应用,它使用了`setInterval`方法来创建一个定时器,该定时器每隔一段时间就会触发一个事件。下面我们将深入探讨与这个标题和描述相关的关键知识点。 1. **Flash的...
**2.1 使用定时器** 可以通过设置定时器来定期刷新Grid中的数据。 ```javascript function refreshGrid() { store.loadPage(1); // 重新加载第一页数据 } // 设置每5秒刷新一次 setInterval(refreshGrid, 5000);...
通过上述分析,我们了解到这个Flex实时曲线图的核心实现是利用`setInterval`定时器不断向`ArrayCollection`数据集合中添加新生成的数据,并通过`mx:LineChart`组件将这些数据可视化展示出来。这种方式简单而有效,...
在JavaScript中,有两个主要的定时器函数:`setInterval` 和 `setTimeout`。 `setInterval(function(){}, t)` 用于设置一个定时器,传入一个函数作为参数,该函数将在每`t`毫秒后被调用。这里的`function(){}`是你...
4. JavaScript定时器: - setInterval():周期性执行指定函数,直到被clearInterval()清除或页面关闭。 - setTimeout():只执行一次指定的函数,延迟指定的毫秒数后执行。不同于setInterval,它不会持续执行。 5....
- 设置宽度为`10%`,高度为`10%`,边框为红色实线,使用`flex`布局确保内部元素水平垂直居中。 4. **字体样式** (`fontdate`, `fonttext`): - 分别设置了不同的颜色,以区分数值和单位。 #### 四、JavaScript...
2. 设置定时器:使用`setInterval`函数创建一个定时器,每隔一定时间(如2秒)执行切换图片的函数。 3. 图片切换:在切换函数中,可以改变图片的`src`属性或者使用CSS的`background-image`属性来更换图片,并确保...
4. **动画平滑**:使用CSS3的`transition`属性,可以使滚动更加平滑。 5. **多行滚动**:如果需要多行滚动,可以使用多个`<p>`标签或CSS的`display: flex`来实现。 总之,结合JavaScript和ASP,我们可以实现个性化...
* SetInterval: 设置反复性定时器,用于设置一个反复性的定时器。 * SetTimeout: 设置一次性定时器,用于设置一个一次性的定时器。 * Clear: 清除,用于清除定时器或其他对象。 * Close: 关闭,用于关闭当前窗口或...
- `setInterval`定时器:用于实现自动滚动功能,每隔一定时间自动切换到下一张轮播图。 4. JavaScript 逻辑: - 计算轮播项的数量和当前显示的索引。 - 当点击“上一张”按钮时,如果当前索引不是0,则减1;否则...
2. **定时器**:使用`setInterval`函数创建一个定时器,以定时改变显示的内容。这是实现轮显自动切换的基础。 3. **切换逻辑**:编写逻辑来切换当前显示的项。可以是简单的索引增加,或者结合循环处理,确保超出...
- 通过JavaScript定时器(`setInterval()`)实现图片自动切换效果。 - 利用CSS的`transition`属性使图片切换更加平滑自然。 #### 4. 多媒体元素应用 - 在网页中嵌入`<video>`、`<audio>`等标签来展示多媒体内容。 - ...
3. 定时器:`setInterval()`和`setTimeout()`函数可以设置定时任务,实现自动切换效果。 二、自适应设计 自适应布局是现代网页设计的重要组成部分,它允许网页根据不同的设备屏幕尺寸进行调整。在焦点图中,这意味...
2. **轮播图**:实现图片的自动滑动和手动切换,通常会用到`setInterval`定时器,以及`prev`和`next`按钮的点击事件处理。 3. **表单验证**:检查用户输入,如邮箱格式、密码强度等,提供实时反馈。 4. **AJAX异步...
在本文中,我们将深入探讨如何使用jQuery创建一个带有文字遮罩的图片轮播插件,以及涉及的关键技术点。jQuery Slider是一种广泛应用于网页设计中的组件,它能够展示一系列图像,并通过用户交互(如点击或自动播放)...
- **定时器**:可选地,可以设置定时器自动切换图片,通常用`.setInterval()`函数。 - **回调函数**:确保每次切换时更新当前显示的图片索引,并更新导航点的状态。 5. **代码结构**:一个基本的jQuery图片左右...
3. **定位**:使用`position`(如`relative`、`absolute`或`fixed`)和`top`, `right`, `bottom`, `left`属性来控制圆点的位置。 4. **动画和过渡**:`@keyframes`规则用于定义动画序列,`animation`属性则可以应用...
2. 自动播放功能:使用定时器(`setInterval`)每隔一定时间切换到下一张图片。 3. 手动切换:监听滑动事件(如触摸滑动)或点击控制按钮,执行切换逻辑。 4. 动画控制:使用JavaScript动画API(如`...
同时,可能使用`display`属性(如`flex`或`grid`)来创建响应式的布局。 4. **CSS动画**:CSS3的`transition`和`animation`属性可以创建平滑的过渡和动画效果。在这个Demo中,图片的滚动可能是通过改变元素的位置或...
2. 自动切换:可以使用`setInterval`定时器实现自动轮播。添加一个计数器变量和一个切换函数,然后在指定间隔后调用切换函数。 ```javascript let currentIndex = 0; const tabCount = $(".tabs a").length; ...