手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js 定时器setTimeout无法调用局部变量的解决办法
js 定时器setTimeout无法调用局部变量的解决办法
摘要:javascript中定时器setTimeout的用法一般如下,调用beginrotate之后就进入定时执行rotateloop的一个过程,...

javascript中定时器setTimeout的用法一般如下,调用beginrotate之后就进入定时执行rotateloop的一个过程,如下代码:

复制代码 代码如下:

var angle = 0;

function rotateloop() {

if (angle < 360) {

angle++;

//use angle

//......

setTimeout("rotateloop()", 100);

}

}

function beginrotate() {

//do something

//......

setTimeout("rotateloop()", 100);

}

这段代码有一个问题,就是产生了一个全局变量angle,这显然不是好的编程习惯,所以我们想到使用内嵌函数的方式,将代码改成如下:

复制代码 代码如下:

function beginrotate() {

var angle = 0;

function rotateloop() {

if (angle < 360) {

angle++;

//use angle

//......

setTimeout("rotateloop()", 100);

}

}

//do something

//......

setTimeout("rotateloop()", 100);

}

这样子改了之后,发现javascript报错了,rotateloop找不到,显然setTimeout没有找到rotateloop这个局部内嵌函数,这里只要稍微改一下就可以解决这个问题了,代码如下:

复制代码 代码如下:

function beginrotate() {

var angle = 0;

function rotateloop() {

if (angle < 360) {

angle++;

//use angle

//......

setTimeout(rotateloop, 100);

}

}

//do something

//......

setTimeout(rotateloop, 100);

}

只需要将setTimeout的第一个参数改成函数对象,而不是字符串,就可以了。

【js 定时器setTimeout无法调用局部变量的解决办法】相关文章:

js中setTimeout()与clearTimeout()用法实例浅析

Javascript中的getUTCHours()方法使用详解

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

js跨域请求的5中解决方式

js实现顶部可折叠的菜单工具栏效果实例

理解javascript定时器中的setTimeout与setInterval

iscroll.js的上拉下拉刷新时无法回弹的解决方法

JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)

JavaScript中Cookies的相关使用教程

JS中的Replace方法使用经验分享

精品推荐
分类导航