`
citygu
  • 浏览: 27638 次
  • 性别: Icon_minigender_1
  • 来自: CZ
社区版块
存档分类
最新评论

setInterval和clearInterval JS自动执行

阅读更多
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);

原文地址:http://www.cnblogs.com/conquer/archive/2007/12/13/994185.html
分享到:
评论

相关推荐

    setInterval使用 每隔一定时间执行操作

    在JavaScript中,`setInterval` 是一个非常重要的定时器函数,它允许我们在指定的时间间隔后重复执行某段代码。这个函数对于创建动态效果、轮询数据或者实现定时任务等场景非常有用。本篇文章将深入探讨`setInterval...

    js定时器(执行一次、重复执行)

    本文将深入探讨两种主要类型的JavaScript定时器:一次性执行的定时器(setTimeout)和重复执行的定时器(setInterval),以及如何清除这些定时器。 1. **一次性执行的定时器(setTimeout)** - `setTimeout` 函数...

    超级简单利用setInterval设置定时自动跳转的例子

    本教程将详细介绍如何使用JavaScript中的`setInterval`函数来实现这个“超级简单”的定时自动跳转例子。 `setInterval`是JavaScript提供的一个内置函数,用于周期性地执行某段代码。它的基本语法是`setInterval...

    setInterval与clearInterval的使用示例代码

    `setInterval` 函数允许我们指定一个函数(或字符串表示的JavaScript代码),并设置一个时间间隔(以毫秒为单位),使其每隔这个时间间隔自动执行一次。基本语法如下: ```javascript setInterval...

    CSS3 translate实现轮播图丝滑般翻页,setInterval实现定时器等常见操作。

    在提供的"js-轮播图"文件中,可能包含了实现这些功能的JavaScript代码,包括处理用户点击事件、计算和应用`translateX`值、启动和停止定时器等功能。通过对这些代码的学习和理解,可以进一步掌握轮播图的实现原理和...

    js实现的倒计时定时自动关机源码

    虽然JavaScript可以在页面上执行自动关机操作,但这也带来了一定的安全风险。用户必须授予相应的权限,且开发者应确保代码不会被恶意利用。 9. **跨平台兼容性**: 自动关机功能可能依赖于特定的操作系统命令,...

    Js动画效果-setInterval(function,time)的主要应用

    `setInterval()`函数是JavaScript中的一个关键工具,用于在指定的时间间隔内重复执行一个函数或代码块,从而实现各种动画效果。本篇文章将深入探讨`setInterval()`的主要应用,并通过一个简单的示例来演示其工作原理...

    setTimeout和setInterval的区别

    在JavaScript中,定时执行任务是通过`setTimeout`和`setInterval`这两个函数来实现的。它们都是用于在指定延迟后执行代码,但它们之间存在显著的区别。 `setTimeout`函数用于在给定的`DelayTime`(延迟时间)过后...

    js中SetInterval与setTimeout用法

    在 JavaScript 中,SetInterval 和 setTimeout 是两种常用的定时器函数,用于实现延迟执行或重复执行某些操作。下面我们将详细讲解这两种函数的区别和用法。 SetTimeout 函数 SetTimeout 函数用于延迟执行某个函数...

    setinterval()与clearInterval()JS函数的调用方法

    JavaScript中的setInterval()与clearInterval()是两个用于定时执行代码的功能强大的函数,它们属于Web API的一部分,也是前端开发中常用的技术。 首先,setInterval()函数允许我们以固定的时间间隔重复执行某个任务...

    javascript setTimeout和setInterval 的区别

    JavaScript中的`setTimeout`和`setInterval`是两个重要的定时器函数,它们都属于全局`window`对象的方法,常用于在指定的时间后执行某段代码或周期性地重复执行某段代码。然而,它们的工作机制和用途有所不同。 1. ...

    JavaScript setTimeout和setInterval的使用方法 说明

    在JavaScript编程中,setTimeout和setInterval是用于控制代码在一定时间后执行或定期重复执行的两个非常有用的函数。这两个函数都是JavaScript的全局函数,可以在浏览器环境中直接使用,也可以在Node.js中使用。 ##...

    js图片自动切换显示

    在这个示例中,`autoSwitch`函数负责更新图片的`src`属性,`currentIndex`变量记录当前显示的图片位置,`setInterval`则设置了一个每2秒执行一次的定时器,调用`autoSwitch`函数进行图片切换。 为了使切换效果更加...

    浅谈vue 组件中的setInterval方法和window的不同

    1. 避免使用组件实例内的`setInterval`,而应使用`window.setInterval`以获取ID用于`clearInterval`。 2. 使用箭头函数避免`this`指向混乱。 3. 在组件的`mounted`钩子中启动定时器,并在`destroyed`或`...

    VUE中setTimeout和setInterval自动销毁案例

    在Vue.js应用中,我们经常会遇到使用`setTimeout`和`setInterval`来实现某些延时或周期性操作。然而,如果不正确地管理这些定时器,它们可能会在组件被销毁后仍然继续运行,导致不必要的资源消耗和潜在的问题。本文...

    js实现页面自动滚屏效果

    JavaScript是一种强大的客户端脚本语言,常用于网页交互和动态效果的实现。在本主题中,我们将探讨如何使用JavaScript实现页面的自动滚屏效果,并且能够根据用户的单击、双击事件进行控制,以及将该功能绑定到特定的...

    定时开始和结束执行事件.zip

    它们允许我们按照预定的时间间隔或特定的日期和时间自动执行某些操作,极大地提高了效率和自动化水平。本压缩包"定时开始和结束执行事件.zip"包含了实现这一功能的一个JavaScript脚本示例——"定时开始和结束执行(1)...

    Js中setTimeout()和setInterval() 何时被调用执行的用法

    JavaScript中的`setTimeout()`和`setInterval()`是两个非常重要的定时器函数,它们允许开发者在特定的时间间隔后执行代码。这两个函数对于实现动态效果、异步操作以及自动化任务有着广泛的应用。 `setTimeout()`...

    js 图片自动轮播

    原生JavaScript实现的图片轮播不仅可以避免依赖外部库如jQuery,还能更有效地控制代码的执行和性能。下面我们将深入探讨如何使用原生JavaScript创建一个图片自动轮播的功能。 首先,我们需要在HTML中设置基础结构。...

    javascript中SetInterval与setTimeout的定时器用法

    总之,`setTimeout`和`setInterval`在JavaScript中扮演着重要角色,它们允许开发者在特定时间点或周期性地执行代码,但使用时需注意其特性,尤其是单线程环境下的行为,以及可能存在的精度问题。在实际项目中,合理...

Global site tag (gtag.js) - Google Analytics