正文

js中的window.settimeout()详解

易小川  2022-02-07  698

关键词：

相关用法：

setTimeout (表达式,延时时间)
setInterval (表达式,交互时间)
其中延时时间/交互时间是以豪秒为单位的(1000ms=1s)

setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
setInterval 在执行时,它从载入后,每隔指定的时间就执行一次表达式

1，基本用法：

   var i=0;
   setTimeout("i+=1;alert(i)",1000);
   执行一个函数：
   var i=0;
   setTimeout(function(){i+=1;alert(i);},1000);

   //注意上面的两种方法的不同

   下面再来一个执行函数：
   var i=0;
   function test(){
       i+=1;
       alert(i);
   }
   setTimeout("test()",1000);
   也可以这样：
   setTimeout(test,1000);

   总结：
   setTimeout的原型是这样的：
   iTimerID = window.setTimeout(vCode, iMilliSeconds [, sLanguage])

setTimeout有两种形式

setTimeout(code,interval)
setTimeout(func,interval,args)

其中code是一个字符串
func是一个函数.

注意"函数"的意义,是一个表达式,而不是一个语句.
比如你想周期性执行一个函数
function a(){
//...
}
可写为
setTimeout("a()",1000)
或
setTimeout(a,1000)

这里注意第二种形式中,是a,不要写成a(),

展开来说,不管你这里写的是什么,如果是一个变量,一定是一个指向某函数的变量;如果是个函数,那它的返回值就要是个函数

2,用setTimeout实现setInterval的功能
    思路很简单，就是在一个函数中调用不停执行自己，有点像递归
    var i=0;
    function xilou(){
        i+=1;
        if(i>10){alert(i);return;}
        setTimeout("xilou()",1000);
        //用这个也可以
        //setTimeout(xilou,1000);
    }
    （（插曲：介绍一下return：

描述

从当前函数退出，并从那个函数返回一个值。

语法

return [expression];

expression 参数是要从函数返回的值。如果省略，则该函数不返回值。

----------------------------------------------------------------------------------------------

setInterval和setTimeout是相似的但有些不同。最大的区别是setInterval创

建一个动作连续不断的调用执行函数——象打击鼓点一样。setTimeout，如同上面

所说，将执行一次，然后就停止。一个setTimeout函数可以再次调用自己来模拟事

件的再次发生：

setInterval(表达式,交互时间)
则不一样,它从载入后,每隔指定的时间就执行一次表达式

用setInterval实现的自动变化显示随机数的效果:

））
    3,在类中使用setTimeout
    来分析一下：

    function xilou(){

        this.name="xilou";
        this.sex="男";
        this.num=0;
    }
    xilou.prototype.count=function(){
        this.num+=1;
        alert(this.num);
        if(this.num>10){return;}
        //下面用四种方法测试,一个一个轮流测试。
        setTimeout("this.count()",1000);//A:当下面的x.count()调用时会发生错误：对象不支持此属性或方法。
        setTimeout("count()",1000);//B:错误显示：缺少对象
        setTimeout(count,1000);//C:错误显示：‘count‘未定义
        //下面是第四种
        var self=this;
        setTimeout(function(){self.count();},1000);//D:正确

    }

    var x=new xilou();
    x.count();

    错误分析：
    A：中的this其实指是window对象，并不是指当前实例对象
    B：和C：中的count()和count其实指的是单独的一个名为count()的函数,但也可以是window.count(),因为window.count()可以省略为count()
    D：将变量self指向当前实例对象，这样js解析引擎就不会混肴this指的是谁了。

    话说回来，虽然我们知道setTimeout("this.count()",1000)中的this指的是window对象，但还是不明白为什么会是
    window对象
    那我们可以想象一下这个setTimeout是怎样被定义的：
    setTimeout是window的一个方法，全称是这样的：window.setTimeout()
    那应该是这样被定义的：
    window.setTimeout=function(vCode, iMilliSeconds [, sLanguage]){
        //.....代码
        return timer//返回一个标记符
    }
    所以当向setTimeout()传入this的时候，当然指的是它所属的当前对象window了。

---------------------------------------------------------------------------------------------------------------------------------

关于prototype：

prototype（原型）
　　同时，函数是一个对象，函数对象若直接声明成员，不用被实例化即可调用。（有点模糊..）

　　在JavaScript中，prototype对象是实现面向对象的一个重要机制。

　　每个函数就是一个对象（Function），函数对象都有一个子对象 prototype对象，类是以函数的形式来定义的。prototype表示该函数的原型，也表示一个类的成员的集合。

　　在通过new创建一个类的实例对象的时候，prototype对象的成员都成为实例化对象的成员。

　　1、该对象被类所引用，只有函数对象才可引用；

　　2、在new实例化后，其成员被实例化，实例对象方可调用。

例子1:给String类封装一个“日期验证”的新的方法：

　　String.prototype.isDate = function(){
　var regex = new RegExp("^[d]([-|/])[d]{1,2}([-|/])[d]{1,2}$");
　　console.log(this);
　　return regex.exec(this);
　　}
　　var strValue = "12512412";
　　alert(strValue.isDate());

window.setTimeout() 在 Safari 中的页面导航后停止

】window.setTimeout()在Safari中的页面导航后停止【英文标题】：window.setTimeout()stopsafterpagenavigationinSafari【发布时间】：2018-11-0617:15:08【问题描述】：我有一个页面需要8到10秒才能加载，因为服务器对外部服务进行API调用，从而处理... 查看详情

14-定时器(代码片段)

在js中的定时器分两种：1、setTimeout()2、setInterval() 1.setTimeOut()只在指定时间后执行一次/定时器异步运行functionhello()alert("hello");//使用方法名字执行方法vart1=window.setTimeout(hello,1000);vart2=window.setTimeout("hello()",3000); 查看详情

14-定时器(代码片段)

js定时器_settimeout

1、window.setTimeout(A,B);window.clearTimeout(?); 2、1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">23<html>45<sty 查看详情

js中两种定时器，settimeout和setinterval的区别(代码片段)

setTimeout只在指定时间后执行一次，代码如下：<script>//定时器异步运行functionhello()alert("hello");//使用方法名字执行方法vart1=window.setTimeout(hello,1000);vart2=window.setTimeout("hello()",3000);//使用字符串执行方法window.clearTimeout 查看详情

js延时

两个延时函数创建延时对象：　　setTimeout("function",time):延时time后执行一次　　setInterval("function",time):每隔time后执行一次清除延时对象：　　clearTimeout(对象)　　clearInterval(对象)window对象两个方法实现延时：　　window.setTimeout()/win... 查看详情

js计时器方法的使用

js中计时器重要使用window.setInterval()方法和window.setTimeout()方法，其中setInterval()方法的作用是每隔一段时间执行一次方法，而window.setTimeout()在一段时间内调用函数。setTimeout()方法一般通过调用自身迭代的方式实现计时器。与这两... 查看详情

JavaScript 类中的 setTimeout() 使用“this”

】JavaScript类中的setTimeout()使用“this”【英文标题】：setTimeout()insideJavaScriptClassusing"this"【发布时间】：2011-08-2003:39:44【问题描述】：我正在尝试在JavaScript的类函数中使用setTimeout()。setTimeout()应该触发同一个类中的另一个... 查看详情

修改window.settimeout，使之可以传递参数和对象参数

/* 功能：修改window.setTimeout，使之可以传递参数和对象参数使用方法：setTimeout(回调函数,时间,参数1,,参数n) */ var_setTimeout=setTimeout;window.setTimeout=function(callback,time,params){varparam=Array.prototype.sli 查看详情

14-定时器(代码片段)

【转】14-定时器在js中的定时器分两种：1、setTimeout()2、setInterval() 1.setTimeOut()只在指定时间后执行一次/定时器异步运行functionhello()alert("hello");//使用方法名字执行方法vart1=window.setTimeout(hello,1000);vart2=window.setTimeout("hello()",3000);/... 查看详情

js跳转代码怎么延迟window.location.href="index.html"

setTimeout("window.location.href='index.html'",5000);和window.setTimeout("window.location.href='index.html'",5000);有什么区别吗？除了以上两种还有没有其他办法参考技术A以上两种写法没有区别。wndows是所有浏览器js对象的根... 查看详情

第四天记录

...属性aaa.setAttribute("属性名","值");--添加/修改此属性window.setTimeout("b()",3000);--等待3秒，执行b这个方法,执行一遍window.setInterv 查看详情

javascript中的settimeout怎么用？我想定时刷新页面！！！

一般用到的计时器有两个,一个是setTimeout(多少毫秒后执行一次)一个是setInterval(每隔多少毫秒执行一次),setTimeout(),里面要传入2个参数,第一个是要执行的函数,第二个是延时的毫秒数,setInterval也是一样的;写个例子:10秒后刷新当前页s... 查看详情

重写settimeout扩展参数

1//判断函数行参长度来决定是否需要重写setTimeout，ie8以下为undefined2if(window.setTimeout.length==undefined){3var__sto=window.setTimeout;4window.setTimeout=function(callback,timeout,param){5varargs=Array.prototype.slice.ca 查看详情

window.settimeout和window.setinterval的区别，及用其中一个方法记录时间。

window.setTimeout（语句，时间）是在多久之后执行语句，语句只执行一次。window.setInterval（语句，时间）是每隔多久执行一次语句，语句循环执行。1<!DOCTYPEhtml>2<html>3<head>4<metacharset="UTF-8">5<title></title>6</... 查看详情

javascript中的定时器

定时器1、setTimeout这个方法用于在指定的毫秒数之后执行某个函数，返回定时器的句柄混合的 setTimeout()方法设置一个定时器，该定时器在定时器到期后执行一个函数或指定的一段代码。语法lettimeoutID=window.setTimeout(func[,delay,par... 查看详情