JS中如何解决for循环中的延迟执行问题

一、JS中如何解决for循环中的延迟执行问题

1、在JS方法里面设置一个for循环，输出每次循环的值，如下图

2、我们可以根据闭包的知识来更改一下for循环中的逻辑，利用闭包将i的值传递给a

3、这次在运行程序我们就可以看到输出内容是0开始输出了

4、 JS中如果for循环中有异步方法，就需要用闭包的方式保留当前循环变量值

二、怎么让html里的js脚本延迟5秒运行

1、通过setTimeout函数调用。如下：

2、setTimeout()的第一个参数是含有 JavaScript语句的字符串。这个语句可能诸如"alert('5 seconds!')"，或者对函数的调用，诸如 alertMsg()"。

3、第二个参数指示从当前起多少毫秒后执行第一个参数。

4、延迟运行，setTimeout函数用法的具体事例：

5、<script language="javascript">

6、<input id="testButton" type="button" onclick="test(this)">

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

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

三、js定时器与 延时器 的运用

定时器延时器 1)setTimeout();//n毫秒后执行一次 2)setInterval();//每隔n秒执行一次 setTimeout()对应的是 clearTimeout(id); setInterval()对应的是 clearInterval(id); setInterval()循环执行相应的方法 script type="text/javascript" setInterval("myInterval()",1000);//1000为1秒钟 function myInterval(){ alert('aaaaaaaaa');}/script 1.setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression,setTimeout运用在延迟一段时间，再进行某项操作。 setTimeout("",time)设置一个超时对象 2.setInterval(expression,delayTime),每个DelayTime,都将执行Expression.常常可用于刷新表达式. setInterval("",time)设置一个超时对象 SetInterval为自动重复，setTimeout不会重复。 3.1clearTimeout(对象)清除已设置的setTimeout对象 3.2clearInterval(对象)清除已设置的setInterval对象