首页 » HTML与CSS » 阅读文章

setInterval与clearInterval 用法

2010-10-16 14:24 8527 0 发表评论
标签:

一、setInterval

用法
setInterval(functionName, interval [, param1, param2, …, paramN])

参数
functionName 一个函数名或者一个对匿名函数的引用。

interval 对 functionName 参数的两次调用之间的时间(以毫秒为单位)。

param1, param2, …, paramN 传递到 function 或 methodName 参数的可选参数。

示例
用法 1:下面的示例每隔 1000 毫秒(每隔 1 秒)调用一次匿名函数。

setInterval( function(){ trace(“interval called”); }, 1000 );

用法 2:下面的示例定义两个事件处理函数并分别调用它们。对 setInterval() 的两次调用的结果都是每隔 1000 毫秒就向“输出”面板发送字符串 “interval called”。对 setInterval() 的第一个调用将调用 callback1() 函数,该函数包含 trace() 动作。对 setInterval() 的第二个调用将 “interval called” 字符串作为参数传递给函数 callback2()。

function callback1() {
trace(“interval called”);
}

function callback2(arg) {
trace(arg);
}

setInterval( callback1, 1000 );
setInterval( callback2, 1000, “interval called” );

用法 3:此示例使用对象的方法。当要调用为对象定义的方法时,必须使用此语法。

obj = new Object();
obj.interval = function() {
trace(“interval function called”);
}

setInterval( obj, “interval”, 1000 );

obj2 = new Object();
obj2.interval = function(s) {
trace(s);
}
setInterval( obj2, “interval”, 1000, “interval function called” );

必须使用第二种格式的 setInterval() 语法来调用对象的方法,如下所示:

setInterval( obj2, “interval”, 1000, “interval function called” );

二、clearInterval

定义和用法
clearInterval() 方法可取消由 setInterval() 设置的 timeout。
clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

语法
clearInterval(id_of_setinterval)
参数
id_of_setinterval 由 setInterval() 返回的 ID 值。
实例
下面这个例子将每隔 50 毫秒调用 clock() 函数。您也可以使用一个按钮来停止这个 clock:

<html>
<body>

<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>
<button onclick=”int=window.clearInterval(int)”>Stop interval</button>

</body>
</html>

==================倒计时===================

function TimeStart(length)
{
length = length * 60;
if(timer)
{
TimeStop();
}
timelen = length;
timenow = length;
timer = setInterval(checktime,1000);
SetMsg(‘进行中…’);
}

function TimeStop()
{
clearInterval(timer);
}

function checktime()
{
if(timenow >0 )
{
var txt = ”;
if(timenow < 300)
{
if(color == 0){txt += ‘<font color=”red”>’ + GetTimeText(timenow) + ‘</font>’;color=1;}
else{txt += ‘<font color=”black”>’ + GetTimeText(timenow) + ‘</font>’;color=0;}
}
else
{
txt += GetTimeText(timenow);
}
txt += “&nbsp;/&nbsp;” + GetTimeText(timelen);
document.getElementByID(“time”).innerHTML = txt;
timenow–;
}
else
{
window.frames[“url_mainframe”].document.getElementById(“Button1”).click();
clearInterval(timer);
}
}

function GetTimeText(len){
var text = checklen(parseInt(len / 3600).toString());
text += “:”;
text += checklen(parseInt(len % 3600 / 60).toString());
text += “:”;
text += checklen(parseInt(len % 60).toString());
return text;
}
function checklen(text)
{
if(text.length < 2){text = ‘0’ + text;}
return text;
}

本文地址:http://www.jwzzsw.com/archives/453.html

文章作者:思悟
版权所有 © 转载时请以链接形式注明作者和原始出处!

评论 共0条 (RSS 2.0) 发表评论

  1. 暂无评论,快抢沙发吧。

发表评论

联系我 Contact Me

回到页首