DIV CSS 佈局教程網

如何向 setTimeout 、 setInterval 傳遞參數
看如下代碼：

var str = 'aaa'; 
var num = 2; 
function auto(num){ 
  alert(num); 
} 
setTimeout('auto(num)',4000); 

這樣寫是可以正常工作的，但是如其說這是參數傳遞，還不如說是直接使用的全局變量。所以，這種寫法是沒有必要的，一般情況下更多的是用到傳遞局部變量作為參數。

把代碼修改一下：

//var str = 'aaa'; 
var num = 2; 
function test(){ 
  var str = 'bbb'; 
  setTimeout('auto(str)',4000); 
} 
function auto(a){ 
  alert(a); 
} 
test(); 

這種寫法會報錯，如果把取消對 str 的全局聲明的注釋，就會輸出 aaa，即函數依然是調用全局變量。
看下面的代碼：

//var str = 'aaa'; 
var num = 2; 
function test(){ 
  var str = 'bbb'; 
  setTimeout('auto("str")',4000); 
} 
function auto(a){ 
  alert(a); 
} 
test(); 

注意上面的 str ，這樣寫會輸出 “str”，也就是說定時器調用函數後，是把 str 直接當作了參數。這樣傳遞的參數永遠是字符串。這不是我們想要的結果。

要想傳遞除字符串意外的參數，可以使用閉包，看下面代碼：

//var str = 'aaa'; 
var num = 2; 
function test(){ 
  var str = 'bbb'; 
  setTimeout(auto(str),4000); 
} 
function auto(str){ 
  return function(){ 
    alert(str); 
  } 
} 
test(); 

輸出結果為 ‘bbb'，如果給auto(str)加上引號同樣會報錯。
當然，這樣寫也是不錯的：

var num = 2; 
function test(){ 
  var str = 'bbb'; 
  //setTimeout(auto(str),4000); 
  setTimeout(function(){alert(str)},4000); 
} 
function auto(str){ 
  return function(){ 
    alert(str); 
  } 
} 
test(); 

最後需要注意的是，字不使用閉包傳遞參數時，定時器調用的函數是要加引號的，不加引號，會報錯。以上情形同樣適合 setInterval()；

setTimeout 、 setInterval 中的函數調用
有如下代碼：

var num = 2; 
function auto(){ 
  alert(num); 
} 
setTimeout(auto(),4000); 

在這段程序裡，測試的時候立刻就可以看到彈出的警告框。也就是說按照以上方法引用函數，定時器是不起作用的。

同樣，對於setInterval上面的寫法也不能正常工作，程序只能彈出一次警告框，然後報錯。
把定時器改為

setInterval('auto()',4000); 
setTimeout('auto()',4000); 

程序可以正常工作。

當不使用auto()調用函數，只使用 auto會是什麼樣呢？

var str = 'aaa'; 
var num = 2; 
function auto(){ 
  alert(num); 
} 
//setInterval(auto,4000); 
setTimeout(auto,4000); 

這樣寫程序都可以正常工作；

如果給auto加上引號

//setInterval('auto',4000); 
setTimeout('auto',4000); 

都不能正常工作。