js 定時(shí)器setTimeout無(wú)法調(diào)用局部變量的解決辦法

2019-11-20 21:33:56

字體：大中小

供稿：網(wǎng)友

javascript中定時(shí)器setTimeout的用法一般如下，調(diào)用beginrotate之后就進(jìn)入定時(shí)執(zhí)行rotateloop的一個(gè)過(guò)程，如下代碼：

 
var angle = 0; 

function rotateloop() { 
if (angle < 360) { 
angle++; 
//use angle 
//...... 
setTimeout("rotateloop()", 100); 
} 
} 

function beginrotate() { 
//do something 
//...... 
setTimeout("rotateloop()", 100); 
} 

這段代碼有一個(gè)問(wèn)題，就是產(chǎn)生了一個(gè)全局變量angle，這顯然不是好的編程習(xí)慣，所以我們想到使用內(nèi)嵌函數(shù)的方式，將代碼改成如下：

復(fù)制代碼代碼如下:

 
function beginrotate() { 

var angle = 0; 

function rotateloop() { 
if (angle < 360) { 
angle++; 
//use angle 
//...... 
setTimeout("rotateloop()", 100); 
} 
} 
//do something 
//...... 
setTimeout("rotateloop()", 100); 
} 

這樣子改了之后，發(fā)現(xiàn)javascript報(bào)錯(cuò)了，rotateloop找不到，顯然setTimeout沒(méi)有找到rotateloop這個(gè)局部?jī)?nèi)嵌函數(shù)，這里只要稍微改一下就可以解決這個(gè)問(wèn)題了，代碼如下：

復(fù)制代碼代碼如下:

 
function beginrotate() { 

var angle = 0; 

function rotateloop() { 
if (angle < 360) { 
angle++; 
//use angle 
//...... 
setTimeout(rotateloop, 100); 
} 
} 
//do something 
//...... 
setTimeout(rotateloop, 100); 
} 

只需要將setTimeout的第一個(gè)參數(shù)改成函數(shù)對(duì)象，而不是字符串，就可以了。

上一篇：javascript對(duì)下拉列表框(select)的操作實(shí)例講解

下一篇：jquery使用淘寶接口跨域查詢手機(jī)號(hào)碼歸屬地實(shí)例