网站地图    收藏   

子栏目

主页 > 前端 > javascript >

js setTimeout函数几个应用实例

来源：自学PHP网    时间：2014-09-19 14:48 作者： 阅读:次

[导读] setTimeout函数是一个定时功能，可以实现每过几秒实现来调用指定函数进行操作，下面我有一个是无限循环实例，一个是setTimeout函数可以传参/传值实例，两个都有代表意义，大家可参考...

window.setTimeout 方法是用来延迟执行某段函数(方法)的。但它在调用指定的方法并传参时寸在一定缺陷。

无限循环

 代码如下 复制代码

<div id="num"></div>

<script type="text/javascript">
window.onload=function a()
{
var a=0;
function addNumber()
{
a=a+1;
document.getElementById("num").innerHTML=a;
setTimeout(addNumber,1000);
}
addNumber();
}
</script>

setTimeout函数可以传参/传值

 代码如下 复制代码
var _st = window.setTimeout;
//fRef 是test函数,mDelay是时间
window.setTimeout = function(fRef, mDelay) { 
   if(typeof fRef == 'function'){  
       var argu = Array.prototype.slice.call(arguments,2); 
       var f = (
            function(){ 
                fRef.apply(null, argu); 
            });  
       return _st(f, mDelay); 
    } 
    return _st(fRef,mDelay);
}
      
function test(x,y,z){ 
    alert(x+"  "+y+" "+z);
}

      
第一个参数是要执行的函数,第二个参数是间隔时间,后面的参数是要传入的值

 代码如下 复制代码

window.setTimeout(test,1000,document.getElementById("d"),'abc','123');

最新评论

    加载更多~~

    添加评论

    更多文章推荐

    自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习

    京ICP备14009008号-1@版权所有www.zixuephp.com

    网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com

    添加评论