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

时间: 2024-10-31 07:43:05

js setTimeout函数几个应用实例的相关文章

解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法_javascript技巧

今天检查自己用JQuery+AJAX+PHP做的网站后台登录检测,发现登陆成功后执行页面跳转函数这段JavaScript(JS)代码特效在IE和谷歌浏览器Chrome下都可以很好地执行,兼容性还不错.结果到了火狐(FireFox)浏览器下setTimeout这个JS内置函数不执行了,无效了,也没报错!打开FireBUG指望它能检测出JS的错误,结果没用...Javascript(JS)脚本代码在各浏览器下的兼容是一个很头疼的问题,经过一番调试和搜索,终于解决了setTimeout这个JS代码在火

JS回调函数的应用简单实例_javascript技巧

JS的回调函数很简单,看代码: 在a.js中 var myback = null; function load(obj){ myback = obj; } function save(){ // 后台请求 $.ajax.post...... // 调用回调函数 myback(); } 在b.js中进行调用 // 就是把要回调的函数当成参数传递过去! load(function(){ this.hide(); }) 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关

js setTimeout()函数介绍及应用以倒计时为例

 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,下面有个倒计时的示例,需要的朋友可以学习下 定义和用法:    setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式.    语法:    setTimeout(code,millisec)    参数:    code (必需):要调用的函数后要执行的 JavaScript 代码串.  millisec(必需):在执行代码前需等待的毫秒数.    提示:    setTimeout() 只执行 code

JS回调函数的应用简单实例

  JS的回调函数很简单,看代码: 在a.js中 1 2 3 4 5 6 7 8 9 10 11 var myback = null;  function load(obj){  myback = obj;  }     function save(){  // 后台请求  $.ajax.post......  // 调用回调函数  myback();  } 在b.js中进行调用 1 2 3 4 5 // 就是把要回调的函数当成参数传递过去!    load(function(){  this.

js setTimeout()函数介绍及应用以倒计时为例_javascript技巧

定义和用法: setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. 语法: setTimeout(code,millisec) 参数: code (必需):要调用的函数后要执行的 JavaScript 代码串. millisec(必需):在执行代码前需等待的毫秒数. 提示: setTimeout() 只执行 code 一次.如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout(). 举例: 复制代码 代码如下: <scrip

代码-js中setTimeout函数疑问

问题描述 js中setTimeout函数疑问 遇到一个好奇怪的问题 function RefreshData(time,Ele,url) { Ele.innerHTML = "将在" + time + "秒后自动跳转"; if (time == 0) { window.location = url; //url为到时跳转的页面URL } } function Update(secs,Ele,url) { for (var i = secs; i >= 0; i

JS函数this的用法实例分析_javascript技巧

本文实例讲述了JS函数this的用法.分享给大家供大家参考.具体如下: 在js中写函数时,很多用到this. this究竟是什么,this是个关键字,是个指针,指向执行环境作用域,也称之为上下文. 先说下函数吧,个人理解是函数是在语言中重复调用的代码块. 在JS里,把函数赋值给对象的属性时,称之为方法 如: var m={}; m.title='title'; m.show=function(){ alert(this.title) } m.show() 就是把函数作为对象m的方法来调用 这样的

JS匿名函数类生成方式实例分析_javascript技巧

本文实例讲述了JS匿名函数类生成方式.分享给大家供大家参考,具体如下: <script type="text/javascript"> var Book = (function() { // 私有静态属性 var numOfBooks = 0; // 私有静态方法 function checkIsbn(isbn) { if(isbn == undefined || typeof isbn != 'string') { return false; } return true;

JS匿名函数实例分析_javascript技巧

本文实例讲述了JS匿名函数.分享给大家供大家参考,具体如下: /* 匿名函数*/ (function() { var foo = 10; var bar = 2; alert(foo * bar); })(); /* 匿名函数,带参数 */ (function(foo, bar) { alert(foo * bar); })(10, 2); /* 匿名函数返回值 */ var baz = (function(foo, bar) { return foo * bar; })(10, 2); //