js 定時器setTimeout無法調用局部變量的解決辦法

2019-11-20 21:33:56

字體：大中小

來源：轉載

供稿：網友

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的第一個參數改成函數對象，而不是字符串，就可以了。

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

下一篇：jquery使用淘寶接口跨域查詢手機號碼歸屬地實例