`
7tianle
  • 浏览: 95754 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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);

好的至此,学习结束。希望对大家有所帮助。
以上代码可以直接复制。
分享到:
评论

相关推荐

    javascript经典特效---全面时间的显示.rar

    在本资源“javascript经典特效---全面时间的显示.rar”中,重点是讲解如何使用JavaScript来实现网页上全面的时间显示功能。这通常涉及到日期和时间的处理,以及可能的实时更新。 在JavaScript中,我们可以使用内置...

    DHTML 中文帮助手册(非常全面)

    这个“DHTML中文帮助手册”是一份全面的参考资料,旨在帮助Web开发者和桌面程序开发人员更好地理解和运用DHTML来操控网页元素,实现交互式用户界面。 在Web开发中,DHTML的重要性不言而喻,它使得静态的HTML页面变...

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

    JavaScript是Web开发中不可或缺的一部分,尤其在处理动态交互和异步操作时,其定时器功能显得尤为重要。本文将深入探讨JavaScript中的定时器,特别是间歇函数...结合图片资源,可以更全面地理解和掌握这一重要概念。

    最全面的JS倒计时代码

    JavaScript部分使用了`setInterval`函数来每隔一秒钟更新一次倒计时,同时需要判断年月日时分秒是否超过24小时,并进行相应的换算。代码示例如下: ```javascript var timerID = null; var timerRunning = false; ...

    全面的JavaScript轮播图

    总的来说,一个全面的JavaScript轮播图不仅需要实现基本的图片切换功能,还要考虑到用户体验、可配置性以及兼容性等方面。这个手写的轮播图项目是一个很好的实践平台,可以帮助开发者巩固JavaScript基础知识,同时...

    经典全面网页特效代码源文件

    这个名为"经典全面网页特效代码源文件"的压缩包显然包含了一系列用于创建各种网页元素特效的源代码,这些特效涵盖了导航菜单、按钮、页面背景、时间显示、表单交互以及键盘事件等方面。接下来,我们将深入探讨这些...

    Canvas画图经典全面Demo

    "Canvas画图经典全面Demo"是一个深入学习和实践Canvas技术的资源集合,涵盖了Canvas绘图的多个重要方面。下面我们将详细探讨这些关键知识点。 1. **基础绘图操作** - **线条绘制**:使用`moveTo()`和`lineTo()`...

    JavaScript案例(简单易懂:注释非常全面)

    在这个"JavaScript案例(简单易懂:注释非常全面)"的压缩包中,包含了一系列精心编写的JavaScript示例,旨在帮助初学者和进阶者更好地理解和运用这门语言。 首先,这个压缩包提供了超过20个经典的JavaScript案例,这...

    javascript非常全面的总结.doc

    4. **定时器与清除**:`setInterval`和`clearInterval`用于设置和清除定时任务,例如`timer=setInterval('scrollwindow()', delay);`每`delay`毫秒执行一次`scrollwindow`函数,`clearInterval(timer)`则停止执行。 ...

    javascript基础知识到高级应用.docx

    本教程将从基础知识到高级应用全面介绍JavaScript。 首先,让我们深入理解运动基础。在JavaScript中,运动通常指的是元素在页面上的动态效果,不仅限于位置变化,还包括透明度、旋转等视觉变化。实现这些运动的基础...

    javascript全面总结

    ### JavaScript全面总结:核心知识点详解 #### 一、事件处理机制与操作 JavaScript中的事件处理是前端开发中不可或缺的一部分,涉及到用户与页面交互的各种场景。本文档覆盖了事件的多种处理方式,包括事件源对象...

    180个javascript代码模板,每个都很小,但是全面

    本资源包含180个JavaScript代码模板,这些模板小巧却功能全面,能够帮助开发者快速解决常见的编程问题,提升开发效率。下面我们将深入探讨这些模板可能涵盖的知识点。 1. **基础语法**:JavaScript的基础包括变量、...

    Beginning JavaScript 4th Edition Oct 2009

    《JavaScript 第四版入门》是一本全面介绍JavaScript编程语言的经典教材,由 Paul Wilton 和 Jeremy McPeak 共同编写,于2009年10月由Wrox出版社出版。本书共有792页,覆盖了JavaScript的基本概念、高级特性以及最新...

    Javasript面试题(很全面得)

    - `setTimeout`和`setInterval`的工作原理及其陷阱。 8. **DOM操作** - 使用`document.getElementById`, `querySelector`, `querySelectorAll`等方法选择和操作DOM元素。 - 事件绑定与解绑,事件冒泡与事件捕获...

    时间控件详细实例 比较全面 就是有点乱

    此外,我们还可以使用JavaScript的`setInterval`和`setTimeout`函数来创建动态的时间显示,例如倒计时或者实时更新的时间戳。 总的来说,JavaScript中的时间控件涉及到了HTML5的特性、JavaScript原生API以及各种第...

    Web前端开发技术课程大作业——南京旅游景点介绍网页代码html+css+javascript

    var intervalId = setInterval(changeImage, 3000); // 每3秒切换一次图片 ``` ### 四、总结 本项目提供了一个全面的Web前端开发实践案例,涵盖了从HTML到CSS再到简单的JavaScript动态效果,旨在帮助学生理解和...

    深入浅出JavaScript 4th.Edition(英文原版)

    - **定时器**:介绍setTimeout和setInterval等定时器函数的用法,用于实现延迟执行和周期性任务。 **11. Storing Information: Cookies** - **Cookie基础**:介绍Cookie的工作原理及其在存储少量数据方面的应用...

    Head First JavaScript pdf与实例

    除了语言特性,本书还会涵盖浏览器API,如定时器(setTimeout和setInterval)、存储机制(localStorage和sessionStorage)以及Ajax,这些API使得JavaScript可以在用户与服务器之间进行通信,实现无刷新的数据交换。...

    JavaScript.The.Definitive.Guide.5th.Edition(chm)

    同时,JavaScript还提供了异步编程的能力,如定时器(setTimeout和setInterval)和回调函数,这些都是构建交互式网页应用不可或缺的部分。 AJAX(异步JavaScript和XML)技术使得页面可以在不刷新的情况下与服务器...

Global site tag (gtag.js) - Google Analytics