Jquery中使用定時器setInterval和setTimeout - 重要

直接在ready中調用其他方法，會提示缺少對象的錯誤，解決方法如下：

方法1. 函數不在$(function(){....})內，setInterval第一個參數為"showAtuto"　　

<script type="text/javascript">

var t,n,count = 0;

$(function(){

　　t = setInterval("showAuto()", 1000);

})

function showAuto(){

　　$('#ind').html(count++);

}

</script> 

 

方法2. 函數在$(function(){....})內，setInterval第一個參數為 showAuto寫法 

<script type="text/javascript">
var t,n,count = 0;
$(function(){
	function showAuto(){
		$('#ind').html(count++);
	}

	t = setInterval(showAuto, 1000); 
})
</script>

 

方法3、定時器中函數不能傳參的解決方法

var num = 0;
function slideRun(x){
     scrollImg.animate({top:- h * x + "px"},{duration:500,queue:false});
     $(".slideNumber span").removeClass("on").eq(num).addClass("on");

     num++;
}

var timer = setInterval(function(){slideRun(num)}, 500);　　　　// 要給函數用閉包的形勢

 

區別：

setTimeout()

　　 從載入后延遲指定的時間去執行一個表達式或者是函數;

      僅執行一次 ;和window.clearTimeout一起使用.

setInterval()

　　 在執行時,它從載入頁面后每隔指定的時間執行 一個表達式或者是函數;(功能類似於遞歸函數)；和window.clearInterval一起使用.

補充說明：

這兩個方法都可以用來實現在一個固定 時間段之后去執行JavaScript。不過兩者各有各的應用場景。

 方 法

實際上，setTimeout和 setInterval的語法相同。它們都有兩個參數，一個是將要執行的代碼字符串，還有一個是 以毫秒為單位的時間間隔，當過了那個時間段之后就將執行那段代碼。

不過這兩個函數還是有區別的， setInterval在執行完一次代碼之后，經過了那個固定的時間間隔，它還會自動重復執行代 碼，而setTimeout只執行一次那段代碼。

雖然表面上看來setTimeout只能應用在on-off方式的動作上，不過可以通 過創建一個函數循環重復調用setTimeout，以實現重復的操作：

showTime();

function showTime()

{

    var today = new Date();

    alert("The time is: " + today.toString ());

    setTimeout("showTime()", 5000);

}

一旦調 用了這個函數，那么就會每隔5秒鍾就顯示一次時間。如果使用setInterval，則相應的代 碼如下所示：

setInterval ("showTime()", 5000);

function showTime()

{

    var today = new Date();

    alert("The time is: " + today.toString ());

}

這兩種方法可能看起來非常像，而且顯 示的結果也會很相似，不過兩者的最大區別就是，setTimeout方法不會每隔5秒鍾就執行一 次showTime函數，它是在每次調用setTimeout后過5秒鍾再去執行showTime函數。這意味着 如果showTime函數的主體部分需要2秒鍾執行完，那么整個函數則要每7秒鍾才執行一次。 而setInterval卻沒有被自己所調用的函數所束縛，它只是簡單地每隔一定時間就重復執行 一次那個函數。

如果要求在 每隔一個固定的時間間隔后就精確地執行某動作，那么最好使用setInterval，而如果不想 由於連續調用產生互相干擾的問題，尤其是每次函數的調用需要繁重的計算以及很長的處 理時間，那么最好使用setTimeout。