• SetInterval与setTimeout


    setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。
    不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码。
    区别:
    window.setTimeout("function",time);//设置一个超时对象,只执行一次,无周期 
    window.setInterval("function",time);//设置一个超时对象,周期='交互时间'
    停止定时: 
    window.clearTimeout(对象) 清除已设置的setTimeout对象
    window.clearInterval(对象) 清除已设置的setInterval对象

    SetInterval与setTimeout在是使用函数名作为第一个参数的时候,这个函数不能带有参数。

    解决办法最好的是将该函数包装在一个匿名函数中。

    以下摘自http://www.jb51.net/article/36233.htm

    在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数, 
    这就需要想方法解决。 
    一、采用字符串形式:——(缺陷)参数不能被周期性改变 
    setInterval("foo(id)",1000); 
    二、匿名函数包装 (推荐) 

    复制代码代码如下:

    window.setInterval(function() 

    foo (id); 
    }, 1000); 


    这样就可以周期性执行foo(id)这个函数,而且把变量id传递进去; 
    三、定义返回无参函数的函数 

    复制代码代码如下:

    function foo(id) 

    alert(id); 

    function _foo(id) 

    return function() 

    foo(id); 


    window.setInterval(_foo(id),1000); 


    这里定义了一个函数_foo,用于接收一个参数,并返回一个不带参数的函数,在这个函数内部使用了外部函数的参数,从而对其调用,不需要使用参数。 
    在 window. setInterval函数中,使用_foo(id)来返回一个不带参数的函数句柄,从而实现了参数传递的功能。 
    四、修改setInterval 

    复制代码代码如下:

    function foo(id) 

    alert(id); 

    var _sto = setInterval; 
    window.setInterval = function(callback,timeout,param) 

    var args = Array.prototype.slice.call(arguments,2); 
    var _cb = function() 

    callback.apply(null,args); 

    _sto(_cb,timeout); 

    window.setInterval(hello,3000,userName); 


    以上的所有方法也适合setTimeout。

  • 相关阅读:
    I.MX6ULL LED C程序(转自左忠凯)
    I.MX6ULL的LED汇编程序
    Linux中的信号
    springboot的模板引擎之简介区分(一)
    springboot常用Starter介绍
    springboot拦截器之Filter和拦截器Interceptor之间的区别(六)
    springboot拦截器之多个自定义拦截器Interceptor的执行顺序(五)
    springboot拦截器之自定义拦截器Interceptor以及新旧配置的对比(四)
    springboot拦截器之自定义监听器listener(三)
    springboot拦截器之自定义原生servlet(二)
  • 原文地址:https://www.cnblogs.com/baiyuhong/p/5298999.html
Copyright © 2020-2023  润新知