网站地图    收藏   

主页 > 前端 > javascript >

js中setinterval()用法

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

[导读] setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。...

setinterval()用法

setInterval(code,millisec[,"lang"])

后面就两个参数code是你的js代码,millisec为时间间隔,以毫秒计

下面举一个简单的例子。

例1

 代码如下 复制代码

function show(){ trace("每隔一秒我就会显示一次");}
var sh;sh=setInterval(show,1000);
clearInterval(sh);

例2

 代码如下 复制代码

<form>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock(){var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<div id="clock"></div>
<button onclick="int=window.clearInterval(int)">Stop interval</button>


关于setInterval()函数的一些细节问题

 代码如下 复制代码


function timer(){
this.timemove=function(){var timenow=0;
setInterval(timepp(),1000);
function timepp(){ alert("1");}


}
}

var T=new timer();
T.timemove();

这段代码怎么只能运行一次然后显示参数无效;
下面的就可以正常:

 代码如下 复制代码

function timer(){
this.timemove=function(){var timenow=0;
setInterval(function(){ timenow++;alert(timenow);},1);
}
}
var T=new timer();
T.timemove();

有些朋友还像js中的setTimeout一样的写法,这样可能会有错误,我们可以如下操作

 代码如下 复制代码

setInterval(timepp(),1000);改成setInterval(”timepp“,1000);或setInterval(”timepp()“,1000);

你的setInterval的第一个参数传入错误!!!
他要求的是执行语句或者函数体,你可以理解一下setInterval的内部执行:

 代码如下 复制代码

function setInterval(fn,sec){
     if(typeof fn == 'function'){
          fn();
     }
    else{
         new Function(fn.toString())();
    }
    //code
}


注意了,这些简单讲述一下setInterval("function",time) //设置一个超时对象,SetInterval为自动重复执行。

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

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

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

添加评论