转载:
http://blog.csdn.net/zyming0815/article/details/4710953
一、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 += " / " + 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;
}
分享到:
相关推荐
window.clearInterval与window.setInterval的用法.
本文实例讲述了setinterval()与clearInterval()JS函数的调用方法。分享给大家供大家参考。具体如下: 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
setInterval是一个很有用的js函数,可以用来重复执行某些功能,利用这个我们可以实现一些很有趣的功能,比如: 不刷新页面的情况下,”实时”获取其它会员给你发来的问候,并弹出显示之类 下面给一个示例代码:(里面用...
(1)setInterval 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式,停止该方法可使用 clearInterval 方法。具体示例如下: 代码如下: <html> <meta http-equiv=”Content-Type” content=”text...
可滴答间隔 手动勾选setInterval / clearInterval安装npm: npm install tickable-interval应用程序接口TickableInterval TickableInterval()实例属性callback: function delay: number remain: number实例方法set...
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 setinterval()用法 setInterval(code,millisec[,”lang”]) ...
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 语法 setInterval(code,millisec[,”lang”]) 参数 描述 code...
clearInterval() 函数的参数即 setInterval() 返回的 ID 值。 语法 setInterval(code,millisec[,”lang”])code 必需。要调用的函数或要执行的代码串。millisec 必须。周期性执行或调用 code 之间的时间间隔,以毫秒...
setInterval方法会不停地调用函数,直到 clearInterval 被调用或窗口被关闭。 由 setInterval 返回的ID值可用作 clearInterval 方法的参数。 提示: 1000 毫秒= 1 秒。 flash用法(来自百度百科) setInterval 动作...
最近在做项目时,需要进行两个组件联动,一个轮询获取到消息,然后将其传递给另外一个组件进行横向滚动展示,...接下来通过本文给大家分享Vue中消息横向滚动时setInterval清不掉的问题及解决方法,感兴趣的朋友一起看看吧
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则是在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除。也就是说setTimeout()只执行一次,setInterval()可以执行多...
clearInterval()方法能够取消setInterval()方法设置的定时器,本文给大家详解clearInterval()方法的定义和用法,感兴趣的朋友参考下。
clearInterval()只关闭了其中一个setInterval_id,另一个setInterval_id还会启动setInterval()。 解决方法:把单独调用的定时器函数去掉。 补充知识:js vue中setTimeout无法通过clearTimeout清除问题 在异步清除中...
两种方案清除定时器,开发者经常使用方案1,建议使用方案2 方案1 ... clearInterval(this.timer); this.timer = null; } 方案1有两点不好的地方,引用尤大的话来说就是: 它需要在这个组件实例中保
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则是在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除。也就是说setTimeout()只执行一次,setInterval()可以执行多...
JavaScript实现图片切换,主要用到setInterval()函数和clearInterval()函数,前者功能是开启动画,后者功能则为清除动画(可理解为使动画停止),为了使动画停止,则需要定义全局变量作为标志,标志返回setInterval...
计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别。 setTimeout(): 在js手册中的解释:用于在指定的毫秒数后调用函数或计算... 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭;
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 var time=0; 用法1: function jump(){ ………… //函数...