日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Jquery中使用定时器setInterval和setTimeout

發(fā)布時間:2024/9/20 编程问答 25 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Jquery中使用定时器setInterval和setTimeout 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

直接在ready中調(diào)用其他方法,會提示缺少對象的錯誤,解決方法如下:

方法1. 函數(shù)不在$(function(){....})內(nèi),setInterval第一個參數(shù)為"showAtuto"  

<script type="text/javascript">

var t,n,count = 0;

$(function(){

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

})

function showAuto(){

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

}

</script>?

方法2.?函數(shù)在$(function(){....})內(nèi),setInterval第一個參數(shù)為 showAuto寫法?

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

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

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);    // 要給函數(shù)用閉包的形勢

區(qū)別:

setTimeout()

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

??????僅執(zhí)行一次?;和window.clearTimeout一起使用.

setInterval()

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

補充說明:

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

?方 法

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

不過這兩個函數(shù)還是有區(qū)別的, setInterval在執(zhí)行完一次代碼之后,經(jīng)過了那個固定的時間間隔,它還會自動重復執(zhí)行代 碼,而setTimeout只執(zhí)行一次那段代碼。

雖然表面上看來setTimeout只能應用在on-off方式的動作上,不過可以通 過創(chuàng)建一個函數(shù)循環(huán)重復調(diào)用setTimeout,以實現(xiàn)重復的操作:

showTime();

function showTime()

{

??? var today = new Date();

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

??? setTimeout("showTime()", 5000);

}

一旦調(diào) 用了這個函數(shù),那么就會每隔5秒鐘就顯示一次時間。如果使用setInterval,則相應的代 碼如下所示:

setInterval ("showTime()", 5000);

function showTime()

{

??? var today = new Date();

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

}

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

如果要求在 每隔一個固定的時間間隔后就精確地執(zhí)行某動作,那么最好使用setInterval,而如果不想 由于連續(xù)調(diào)用產(chǎn)生互相干擾的問題,尤其是每次函數(shù)的調(diào)用需要繁重的計算以及很長的處 理時間,那么最好使用setTimeout。

總結(jié)

以上是生活随笔為你收集整理的Jquery中使用定时器setInterval和setTimeout的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。