js中setinterval()用法

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为自动重复执行。

时间: 2024-09-20 08:19:43

js中setinterval()用法的相关文章

JS中split()用法(将字符串按指定符号分割成数组)_javascript技巧

废话不多说了,直接给大家贴代码. <!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"> <title></title> </head> <body> </body> <script type="text/javascript"> //在Javascript脚本中,将字符串按指定符号进行分割

js中this用法实例详解_javascript技巧

本文实例讲述了js中this用法.分享给大家供大家参考.具体如下: 1. 指向window 全局变量 alert(this) //返回 [object Window] 全局函数 function sayHello(){ alert(this); } sayHello(); 2. 指向该对象(在全局里面this指向window,在某个对象里面this指向该对象,在闭包里面this指向window) var user="the Window"; var box={ user:'the bo

js 传递函数: JS中setInterval、setTimeout不能传递带参数的函数的解决办法

在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决.一.采用字符串形式:--(缺陷)参数不能被周期性改变setInterval("foo(id)",1000);二.匿名函数包装 (推荐)window.setInterval(function()    {foo (id);    }, 1000);   这样就可以周期性执行foo(id)这个函数,而且把变量id传递进去:三.定义返回无参函数的

JS中setInterval、setTimeout不能传递带参数的函数的解决方案_javascript技巧

在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数, 这就需要想方法解决. 一.采用字符串形式:--(缺陷)参数不能被周期性改变 setInterval("foo(id)",1000); 二.匿名函数包装 (推荐) 复制代码 代码如下: window.setInterval(function() { foo (id); }, 1000); 这样就可以周期性执行foo(id)这个函数,而且把变量id传递进去: 三

js中SetInterval与setTimeout延时方法

JS手册»setTimeout() : 用于在指定的毫秒数后调用函数或计算表达式; 英文释义»timeout() : 超时:暂时休息:工间休息; JS手册»setInterval() : 按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭; 英文释义»interval() : 间隔:间距:幕间休息; 不难看出, 只要我们仔细体会JS手册及命名释义, 就能很容易的区分开两者的区别. 简单的说, 两才的区别在于, setTi

js中prototype用法详细介绍_javascript技巧

prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法,而且特殊的地方便在于:它是一个给类的对象添加方法的方法!这一点可能听起来会有点乱,别急,下面我便通过实例对这一特殊的方法作已下讲解: 首先,我们要先了解一下类的概念,JavaScript 本身是一种面向对象的语言,它所涉及的元素根据其属性的不同都依附于某一个特定的类.我们所常见的类包括:数组变量(Array).逻辑变量(Boolean).日期变量(Date).结构变量(Function).数值变量(Number)

js中setInterval 和 setTimeout 事件停止的用法

setInterval() 定义和用法 setInterval() 方法可按照指定的周期(以毫秒计)来执行函数或表达式.该方法会不停地循环调用函数,直到使用 clearInterval() 明确停止该函数或窗口被关闭.clearInterval() 函数的参数即 setInterval() 返回的 ID 值. 语法 setInterval(code,millisec[,"lang"]) code 必需.要调用的函数或要执行的代码串. millisec 必须.周期性执行或调用 code

js中typeof用法详细介绍

typeof 运算符把类型信息当作字符串返回.typeof 返回值有六种可能: "number," "string," "boolean," "object," "function," 和 "undefined."我们可以使用typeof来获取一个变量是否存在,如if(typeof a!="undefined"){},而不要去使用if(a)因为如果a不存在(未声明)则

js中setInterval与SetTimeOut实现团购倒计时效果

简单示例 看个简单的例子,简单页面在加载完两秒后,写下Delayed alert!  代码如下 复制代码 setTimeout('document.write("Delayed alert!");', 2000); 我们先来看一个setInterval版计时跳转效果 代码如下  代码如下 复制代码 $(function () { setInterval(function () { var time = $("#time").text(); time = parseI