`
fastwind
  • 浏览: 324489 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

setInterval和clearInterval 讲解

阅读更多

clearInterval类似JS的clearTimeout

时间间隔可以用 setInterval 命令来创建并用 clearInterval 命令来终止。setInterval 所用的参数有两种格式。在第一种格式中,你传递给 setInterval 的参数可以是一个函数名,一段时间上的间隔以及一些传递给前面函数的相关参数。当 setInterval 运行时它会依照规定的时间间隔依次将列出的参数传递给指定的函数,直到你调用 clearInterval 将其终止。相关的示范代码如下:

function updateStockPrices(whichStock) {
        // Update code here

        trace('Updating prices for '+whichStock);

}
stockInterval = setInterval(updateStockPrices, 1000, "Stratford Flash Products");

 

setInterval全面的介绍

setInterval动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下:
setInterval(function,interval[,arg1,arg2,......argn])

setInterval(object,methodName,interval[,arg1,arg2,.....argn])

第一种格式是标准动作面板中setInterval函数的默认语法,第二种格式是在专家模式动作中使用的方法。
其中的参数function是一个函数名或者一个对匿名函数的引用。object参数指定从Object对象派生的对象。methodName制定object参数中要调用的方法。interval制定对function或methodName调用两次之间的时间,单位是毫秒。后面的arg1等是可选的参数,用于制定传递给function或是methodName的参数。

setInterval它设置的时间间隔小于动画帧速(如每秒10帧,相当于100毫秒),则按照尽可能接近interval的时间间隔调用函数。而且必须使用updateAfterEvent动作来确保以足够的频率刷新屏幕。如果interval大于动画帧速,则只用在每次播放头进入某一帧是才调用,以减小每次刷新屏幕的影响。
下面的例子每隔1秒调用一次匿名函数。

setInterval(function(){trace("每隔1秒钟我就会显示一次")},1000);//这里的function(){}是没有函数名
的函数。成为匿名函数,后面的1000是时间间隔,单位是毫秒。
下面的例子为我们展示如何带参数运行。

function show1(){
trace("每隔1秒我就会显示一次");
}
function show2(str){
trace(str);
}
setInterval(show1,1000);
setInterval(show2,2000,"每隔2秒我就会显示一次");
上面已经将函数的setInterval方法介绍了。
下面我们将介绍对象的setInterval方法。
首先,写一个setInterval在动作中调用对象的方法的例子,该例子不需要传递参数。

myobj=new Object();//创建一个新的对象闪吧新社区
myobj.interval=function){
trace("每隔1秒我就会显示一次");闪吧新社区&}
}//创建对象的方法。
setInterval(myobj,"interval",1000);//设定时间间隔调用对象的方法。

接下来介绍如何传递参数。其实道理和函数的传递参数是一样的。

myobj=new Object();
myobj.interval-function(str){
trace(str);
setInterval(myobj,"interval",2000," 每隔2秒我就会显示一次");

注意。要调用为对象定义的方法时,必须在专家模式中使用第二种语法格式。
这样子的话呢,我们来作一个动态显示时间的画面。可以用下面的代码实现。

setInterval(show,1000);
function show(){
time=new Date();
hour=time.getHours();
minu=time.getMinutes();
sec=time.get.Seconds();
datetime=hour ":" minu ":" sec;
}//这里的datetime是一个动态文本框的变量名字。

这样子呢,setInterval这个方法大家应该学的很好了。现在呢,我们学习clearInterval.
clearInterval动作的作用是清楚对setInterval函数的调用,它的语法格式如下clearInterval(intervalid);intervalid是调用setInterval函数后返回的对象.
下面举一个简单的例子。

function show(){
trace("每隔一秒我就会显示一次");
}
var sh;
sh=setInterval(show,1000);
clearInterval(sh); 

分享到:
评论

相关推荐

    js中SetInterval与setTimeout用法

    下面我们将详细讲解这两种函数的区别和用法。 SetTimeout 函数 SetTimeout 函数用于延迟执行某个函数,格式如下: `window.setTimeout(expression, milliseconds)` 其中,expression 可以是用引号括起来的一段...

    JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法_.docx

    这篇文章主要探讨了如何使用JavaScript中的MSClass库和setInterval函数来实现定时的AJAX信息采集,并将采集到的信息滚动显示在页面上。在讲解这个方法之前,我们需要了解几个关键概念。 首先,`setTimeout`和`...

    Javascript setInterval的两种调用方法(实例讲解)

    在这个例子中,`setInterval` 接收两个参数:一个函数引用(方法指针)`showMsg` 和一个时间间隔(以毫秒计)`1000`。`setInterval` 将每隔1秒(1000毫秒)调用 `showMsg` 函数。这种方式是最常见也最直接的调用方式...

    理解javascript定时器中的setTimeout与setInterval

    本文将深入讲解JavaScript中的两个重要定时器函数:`setTimeout`和`setInterval`。 首先,`setTimeout`函数用于在指定延迟时间后执行一次函数或代码片段。其基本语法如下: ```javascript var timeoutID = window....

    JS-定时器-间歇函数(一) 图片1资源

    首先,我们需要了解两个核心的定时器方法:`setTimeout()`和`setInterval()`。`setTimeout()`用于在指定的毫秒数后执行一次函数或表达式,而`setInterval()`则会在给定的间隔不断重复执行指定的函数或表达式,直到被...

    浅谈jQuery中setInterval()方法

    总之,`setInterval()`和`clearInterval()`是JavaScript中用于定时执行任务的重要工具。理解它们的工作原理,以及如何正确地使用它们,对于编写高效且响应式的前端应用至关重要。在实际项目中,还需要根据具体情况...

    浅谈js的setInterval事件

    在JavaScript编程中,...通过以上示例的讲解和分析,我们理解了setInterval方法的基本用法、参数和返回值,以及在实际使用中可能遇到的一些注意点。掌握这一方法对于进行Web开发和实现动态交互界面至关重要。

    javascript案例源码

    例如,你可以创建一个简单的计时器,使用setInterval和clearInterval函数来实现;或者编写一个表单验证功能,确保用户输入的有效性。此外,还可以实践更复杂的项目,如实现一个响应式的图片滑动展示或者创建一个动态...

    计时器实现3秒切换一次内容.rar

    JavaScript中的计时器主要有两种:`setTimeout`和`setInterval`。`setTimeout`用于在指定的毫秒数后执行一次函数或表达式,而`setInterval`则会在指定时间间隔后反复执行一个函数,直到被`clearInterval`清除。 在...

    JavaScript代码大全

    书中的脚本编程部分,详细介绍了定时器的设置(setInterval和clearInterval),Unicode编码的转义与解码(escape和unescape),对象的父元素获取(obj.parentElement和obj.parentNode),以及如何使用DOM操作来交换表格行...

    js 每隔两秒执行一个函数 javascript

    下面将详细讲解如何使用`setInterval`以及相关知识点。 1. **setInterval函数**: `setInterval`是JavaScript中的一个全局函数,它接受两个参数:要执行的函数和执行间隔(以毫秒为单位)。返回值是一个整数,代表...

    JavaScript定时器范例2则

    首先,我们来看看JavaScript中的两种主要定时器:`setTimeout`和`setInterval`。 1. `setTimeout`定时器: `setTimeout`函数用于在指定的毫秒数后调用一个函数或执行某段代码。它的基本语法如下: ```javascript ...

    实例讲解JavaScript 计时事件

    本文将深入讲解JavaScript中的两个核心计时事件方法:`setInterval()`和`setTimeout()`。 首先,`setInterval()`方法用于周期性地执行一段代码,直到被明确停止。其基本语法如下: ```javascript window....

    打造通用的匀速运动框架(实例讲解)

    timer = setInterval(function () { if (attr == 'opacity') { cur = css(obj, 'opacity') * 100; } else { cur = parseInt(css(obj, attr)); } if (cur == target) { clearInterval(timer); } else { if ...

    JavaScript两种计时器的实例讲解

    在这篇文章中,我们将深入探讨两种计时器——`setInterval()` 和 `setTimeout()`,以及它们在实际编程中的应用。 1. `setInterval()` 计时器: `setInterval()` 方法用于周期性地执行指定的代码,直到 ...

    jQuery插件集之(文字效果)+Demo

    3. **闪烁效果**:利用setInterval和clearInterval控制文字的可见性,让文字在显示和隐藏之间交替。 4. **旋转动画**:通过CSS3的`rotate`属性,配合jQuery的animate()函数,使文字或字母进行旋转动画。 5. **颜色...

    JS计时器,简洁使用,一看就明白

    首先,我们需要了解两个核心的JS计时器函数:`setTimeout()` 和 `setInterval()`。 1. `setTimeout()`: 这个函数用于在指定的毫秒数后调用一次函数或执行某段代码。语法如下: ```javascript setTimeout(function...

    第 5 章 BOM 和DOM.pptx

    * setInterval()、clearInterval ():设置、删除定时器。 * setTimeout()、clearTimeout ():设置、删除定时器。 多窗口控制: open 方法可以打开一个新的浏览器窗口,并在新窗口中载入一个指定的 URL 地址。open ...

    淘宝新版全屏海报代码

    - 时间间隔(setInterval/ClearInterval):用于定时切换轮播图片。 - 动画API:如`requestAnimationFrame`用于平滑的动画效果。 4. jQuery库:虽然标签中没有明确提到jQuery,但它是JavaScript的一个流行库,...

Global site tag (gtag.js) - Google Analytics