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。
總結
以上是生活随笔為你收集整理的Jquery中使用定时器setInterval和setTimeout的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 千禾头道生抽和金标生抽的区别?
- 下一篇: js 格式化日期 (/Date(1400