• 技术文章 >web前端 >js教程

    JavaScript中setInterval的使用详解

    黄舟黄舟2017-11-24 09:57:03原创1582

    相信很多大伙都知道JavaScript中setInterval的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象,也有很多小伙伴对此也只是知道setInterval的定义、也是一知半解,今天我们就带大家详细介绍下JavaScript中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中的setInterval用法我有进一步的了解,希望对你的工作有所帮助!

    相关推荐:

    JS SetInterval 如何实现页面轮询教程

    js中的setInterval和setTimeout使用实例

    js使用setInterval实现倒计时

    JS实现定时任务,每隔N秒请求后台setInterval定时和ajax请求

    以上就是JavaScript中setInterval的使用详解的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:setInterval JavaScript js
    上一篇:JavaScript仿淘宝实现放大镜效果的实例 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • Node实战学习:浏览器预览项目所有图片• 一文聊聊Angular中的依赖注入• react native路由跳转怎么实现• 一起聊聊var、let以及const的区别(代码示例)• 深入详解React中的ref
    1/1

    PHP中文网