JavaScript中setInterval的使用详解
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中setInterval的使用详解,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2911字,纯文字阅读大概需要5分钟。
内容图文
![JavaScript中setInterval的使用详解](/upload/InfoBanner/zyjiaocheng/298/47fbee1e73bb4b7785251301e7829d25.jpg)
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中的setInterval用法我有进一步的了解,希望对你的工作有所帮助!
相关推荐:
JS SetInterval 如何实现页面轮询教程
js中的setInterval和setTimeout使用实例
js使用setInterval实现倒计时
JS实现定时任务,每隔N秒请求后台setInterval定时和ajax请求
以上就是JavaScript中setInterval的使用详解的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的JavaScript中setInterval的使用详解全部内容,希望文章能够帮你解决JavaScript中setInterval的使用详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。