求解：Javascript如何控制定时执行

一、求解:Javascript如何控制定时执行

1、实际上你的代码并未起到定时器的作用。因为，你在一次循环里设置了所有的setTimeout。由于所有定时器的延时都是相等的，那么这些setTimeout都会同时执行。

2、所以程序的作用是：在一定的时间间隔后，元素长度一次性变得非常大，看不到平滑缩放动画的效果。而且这个循环执行的次数会非常多，因为在延迟还未结束时，元素的长度不变，循环不会结束。

3、现在你要做的时：在每次宽度增加以后，再生成一个新的定时器。

4、setTimeout('resize()',500);

5、//方法二：使用闭包,避免污染全局变量

6、setTimeout('resize()',500);

二、JavaScript定时器详解

1、在javascritp中有两个关于定时器的专用函数它们是

2、倒计定时器 timename=setTimeout("function();" delaytime);

3、循环定时器 timename=setInterval("function();" delaytime);

4、 function()是定时器触发时要执行的是事件的函数可以是一个函数也可以是几个函数或者javascript的语句也可以单要用;隔开 delaytime则是间隔的时间以毫秒为单位

5、倒计时定时器就是在指定时间后触发事件而循环定时器就是在间隔时间到来时反复触发事件其区别在于前者只是作用一次而后者则不停地作用

6、倒计时定时器一般用于页面上只需要触发一次的的情况比如点击某按钮后页面在一定时间后跳转到相应的站点也可以用于判断一个浏览者是不是你的站点上的“老客”如果不是你就可以在秒或者秒后跳转到相应的站点然后告诉他以后再来可以在某个地方按某一个按钮就可以快速进入

7、循环定时器一般用于站点上需要从复执行的效果比如一个javascript的滚动条或者状态栏也可以用于将页面的背景用飞雪的图片来表示这些事件需要隔一段时间运行一次

8、有时候我们也想去掉一些加上的定时器此时可以用clearTimeout(timename)来关闭倒计时定时器而用clearInterval(timename)来关闭循环定时器

9、例<SCRIPT LANGUAGE="JavaScript"> setTimeout("confirm()");</SCRIPT>

10、<script language="JavaScript" type=text/javascript>

11、 function count(){ setTimeout("alert(三秒到了)")}

12、<INPUT TYPE="button" VALUE="计时开始" onClick="count()">

13、例<Script><script language="JavaScript" type=text/javascript>

14、 var sec=; timerID= setInterval("count()");

15、 function count(){ num innerHTML= sec++;}

16、停留时间<FONT ID="num" FACE="impact"></FONT>秒钟<INPUT TYPE="button" VALUE="停止" onClick="clearInterval(timerID)">

17、例<script language="JavaScript" type=text/javascript>

18、 var str="这是一个在线拍卖的网站请尽情血拼吧！"; var seq=;

19、 function scroll(){ msg= str substring( seq+); banner innerHTML= msg; seq++; if(seq>= str length) seq=;}

三、浅析javascript三种定时器原理和异同

1、在JavaScript中，定时器是一种允许程序在特定时间执行特定操作的机制，主要有三种：setTimeout、setInterval以及requestAnimationFrame。接下来，本文将详细阐述这三种定时器的原理、使用方法以及它们之间的异同。

2、首先，让我们从setTimeout开始。setTimeout是JavaScript中的一个全局函数，用于在指定的毫秒后执行一个函数或代码片段。它接受两个参数：一个是要执行的函数或代码，以及一个表示延迟时间的毫秒值。如果省略延迟时间参数，则函数会立即执行。在某些浏览器版本中，setTimeout可以接受第三个参数，用于在函数执行后立即调用另一个函数。

3、要清除setTimeout，可以使用clearTimeout函数，传入之前setTimeout返回的ID作为参数。

4、接着是setInterval，它与setTimeout功能类似，但用于周期性执行代码。setInterval每次执行都会在指定的毫秒时间后重复调用一个函数或代码片段。每次执行都有固定的间隔时间，返回一个ID用于清除定时器。参数与setTimeout相同，包括要执行的函数或代码、延迟时间，以及可选的额外参数。

5、清除setInterval使用clearInterval函数，传入返回的ID。

6、然而，setInterval存在一些局限性。例如，它不关心回调函数的实际执行时间，可能导致不必要的请求堆积在网络延迟或服务器响应问题下。此外，它忽略了错误处理，可能导致错误代码继续执行。最后，它不提供执行次数限制，只能无限循环。

7、接下来是requestAnimationFrame（动画API），这个API主要用于创建流畅的动画和交互。它告诉浏览器你希望执行一个动画，并在下一次重绘之前调用指定的回调函数。与setTimeout和setInterval不同，requestAnimationFrame不需要设置固定的执行间隔。它会尽量跟随浏览器的刷新频率（通常为60Hz），这意味着每秒重绘大约60次。这减少了CPU、GPU和内存的使用，因为它将所有DOM操作集中在一个重绘或回流周期内完成。在隐藏或不可见的元素中，requestAnimationFrame不会进行重绘，进一步节省资源。它由浏览器直接优化，并在页面非激活状态时自动暂停，以节省CPU开销。

8、在使用时机方面，setTimeout通常用于延迟执行特定操作，而setInterval则适用于需要周期性执行的任务，如表单刷新。requestAnimationFrame则特别适用于需要高精度和流畅动画的场景。

9、接下来是setTimeout与setInterval的区别。setInterval会无限循环执行，而setTimeout在指定时间后执行一次便停止。在清除方法上，两者分别为clearTimeout和clearInterval。使用setTimeout实现setInterval的方法是通过在setTimeout内部调用函数时再次调用setTimeout，实现循环定时。

10、尽管使用setTimeout实现setInterval可以达到类似的效果，但它存在一些局限性。setTimeout的执行时间可能不完全准确，可能会出现跳过某些间隔或多个定时器的代码执行时间比预期更短的情况。相反，setInterval确保了定时器代码按规则插入队列中，避免了这些潜在问题。

11、通过了解这三种定时器的原理、使用方法以及它们之间的异同，开发者可以更有效地在JavaScript中实现定时功能，满足不同的需求和场景。