jquery 定時(Timer)執行

資料來源: https://www.cnblogs.com/couxiaozi1983/archive/2012/04/15/2450273.html

方案01:

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

方案02:

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

方案03:

<script type="text/javascript">
	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);　　　　// 要给函数用闭包的形势
</script>

PS.jquery中使用setInterval和setTimeout 區別:

    實際上 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。