setTimeout(); setinterval()

最新推荐文章于 2024-05-29 15:14:06 发布

刘少盟

最新推荐文章于 2024-05-29 15:14:06 发布

阅读量437

点赞数

文章标签： function javascript object button date input

本文链接：https://blog.csdn.net/meng6098/article/details/7433382

版权

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

　　 语法:

　　setTimeout(code,millisec)

　　 参数：

　　code （必需）：要调用的函数后要执行的 JavaScript 代码串。

　　millisec（必需）：在执行代码前需等待的毫秒数。

　　 提示：

　　setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

　　 实例：

　　实例1：

　　<html>

　　<head>

　　function timedMsg()

　　{

　　var t=setTimeout("alert('5 seconds!')",5000)

　　}

　　</script>

　　</head>

　　<body>

　　<form>

　　</form>

　　<p>Click on the button above. An alert box will be displayed after 5 seconds.</p>

　　</body>

　　</html>

　　实例2：

　　function clockon(bgclock){

　　var now=new Date();

　　var year=now.getYear();

　　var month=now.getMonth();

　　var date=now.getDate();

　　var day=now.getDay();

　　var hour=now.getHours();

　　var minu=now.getMinutes();

　　var sec=now.getSeconds();

　　var week;

　　month=month+1;

　　if(month<10) month="0"+month;

　　if(date<10) date="0"+date;

　　if(hour<10) hour="0"+hour;

　　if(minu<10) minu="0"+minu;

　　if(sec<10) sec="0"+sec;

　　switch (day){

　　case 1:

　　week="星期一";

　　break;

　　case 2:

　　week="星期二";

　　break;

　　case 3:

　　week="星期三";

　　break;

　　case 4:

　　week="星期四";

　　break;

　　case 5:

　　week="星期五";

　　break;

　　case 6:

　　week="星期六";

　　break;

　　default:

　　week="星期日"

　　break;

　　}

　　var time="";

　　time=year+"年"+month+"月"+date+"日 "+week+" "+hour+":"+minu+":"+sec;

　　if(document.all){

　　bgclock.innerHTML="系统公告：["+time+"]"

　　}

　　var timer=setTimeout("clockon("+ bgclock +")",200);

　　}

　　带参数方法使用setTimeout要注意，setTimeout("函数名("+参数+")",毫秒数)，这里的参数只能是字符串形式的，而不能传递一个对象，网上很多朋友也在问此类问题，我在此说明下，以下我举几个个简单的例子：

　　网上查找下“带参数 setTimeout”，很多朋友写了很多方法来实现使用setTimeout带对象的方法循环，例如：

　　var __sto = setTimeout;

　　window.setTimeout = function(callback,timeout,param)

　　{

　　var args = Array.prototype.slice.call(arguments,2);

　　var _cb = function()

　　{

　　callback.apply(null,args);

　　}

　　__sto(_cb,timeout);

　　}

　　//测试代码

　　function aaaa(a)

　　{

　　alert(a);

　　}

　　function aaaaa(a,b,c)

　　{

　　alert(a + b + c);

　　}

　　var a = new Object();

　　window.setTimeout(aaaa,1000,a);

　　window.setTimeout(aaaaa,2000,a,6,7);

　　</script>

　　此例中，setTimeout用法，setTimeout(回调函数,时间,参数1,...,参数n)。

　　又例如：

　　var _st = window.setTimeout;

　　window.setTimeout = function(fRef, mDelay) {

　　if(typeof fRef == 'function'){

　　var argu = Array.prototype.slice.call(arguments,2);

　　var f = (function(){ fRef.apply(null, argu); });

　　return _st(f, mDelay);

　　}

　　return _st(fRef,mDelay);

　　}

　　function test(x){

　　alert(x);

　　}

　　window.setTimeout(test,1000,'fason');

　　</script>

　　此例中，重载了一下window.setTimeout,用apply去回调前面的function。

　　例1：

　　function test(obj)

　　{

　　alert(obj);

　　setTimeout("test("+ obj +")",1000);

　　}

　　</script>

　　当鼠标按下此按钮时调用test()，将"1"传递进去，屏幕上每隔1000毫秒（1秒）弹出一次对话框，显示1，没问题。

　　例2：

　　function test(obj)

　　{

　　alert(obj);

　　setTimeout("test("+ obj +")",1000);

　　}

　　</script>

　　这里的this可以当做document.getElementById("btnTest")来理解，当鼠标按下此按钮时向test函数传递的是一个对象，屏幕显示[object]，

　　1000毫秒之后不再显示第二次。问题来了，浏览器左下报脚本错误，详细信息里显示object未定义。

　　例3：

　　function test(obj)

　　{

　　alert(obj);

　　setTimeout("test()",1000);

　　}

　　</script>

　　setTimeout里的test()没带参数，第一次显示[object]，1000毫秒之后显示undefined，变量尚未赋值，也就是说用此方式可以实现带参数的方

　　法循环，但是参数被销毁。

　　其实这很简单就可以实现，不必写那么长的代码来实现。

　　例4：

　　function test(obj)

　　{

　　alert(obj);

　　setTimeout("test('"+ obj +"')",1000);

　　}

　　</script>

　　注意，setTimeout里的test中的参数obj前后的引号，在双引号内有一对单引号，这样：setTimeout("test(单引号双引号+obj+双引号单引号)")，行了吧~每隔1000毫秒屏幕显示一次[object]，传递对象成功。

　　疑义：第4条最终传走的是“对象”的字符串“object” 而不是初始的对象obj。只是obj的类型而已。并没有达到传递对象的作用。

　　可以测试一下代码：弹出传来对象的id

　　<body>

　　</body>

　　obj=document.getElementById('sssss');

　　function test(obj)

　　{

　　alert(obj.id);

　　setTimeout("test('"+ obj +"')",1000);

　　}

　　test(obj)

　　</script>

　　第一次弹出了ID 第2次开始未定义。对象传递不成功

　　指定时间跳转到目标页面：

　　setTimeout("location='index.asp'",2000);

....................................................................................................................................................................................................................................................................

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

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

编辑本段 语法

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

参数	描述
code	必需。要调用的函数或要执行的代码串。
millisec	必需。周期性执行或调用 code 之间的时间间隔，以毫秒计。

编辑本段 返回值

　　一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

编辑本段 实例

　　<html>

　　<body>

　　<form>

　　var int=self.setInterval("clock()",50)

　　function clock(){var t=new Date()

　　document.getElementById("clock").value=t

　　}

　　</script>

　　</form>

　　<button οnclick="int=window.clearInterval(int)">Stop interval</button>

　　</body>

　　</html>

编辑本段 在flash AS中的用法

　　setInterval动作的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下：

　　setInterval(function,interval[,arg1,arg2,......argn])

　　setInterval(object,methodName,interval[,arg1,arg2,.....argn])

　　第一种格式是标准动作面板中setInterval函数的默认语法，第二种格式是在专家模式动作中使用的方法。其中的参数function是一个函数名或者一个对匿名函数的引用。object参数指定从Object对象派生的对象。methodName制定object参数中要调用的方法。interval制定对function或methodName调用两次之间的时间，单位是毫秒。后面的arg1等是可选的参数，用于制定传递给function或是methodName的参数。

　　setInterval它设置的时间间隔小于动画帧速（如每秒10帧，相当于100毫秒），则按照尽可能接近interval的时间间隔调用函数。而且必须使用updateAfterEvent动作来确保以足够的频率刷新屏幕。如果interval大于动画帧速，则只用在每次播放头进入某一帧是才调用，以减小每次刷新屏幕的影响。

　　下面的例子每隔1秒调用一次匿名函数。

　　setInterval(function(){trace("每隔1秒钟我就会显示一次")},1000);//这里的function(){}是没有函数名的函数。成为匿名函数，后面的1000是时间间隔，单位是毫秒。

　　下面的例子为我们展示如何带参数运行。

　　function show1(){ trace("每隔1秒我就会显示一次");}

　　function show2(str){ trace(str);}

　　setInterval(show1,1000);

　　setInterval(show2,2000,"每隔2秒我就会显示一次");上

　　面已经将函数的setInterval方法介绍了。下面我们将介绍对象的setInterval方法。

　　首先，写一个setInterval在动作中调用对象的方法的例子，该例子不需要传递参数。

　　myobj=new Object();//创建一个新的对象

　　myobj.interval=function(){ trace("每隔1秒我就会显示一次");}//创建对象的方法。

　　setInterval(myobj,"interval",1000);//设定时间间隔调用对象的方法。