最近在使用jQuery寫網頁倒計時功能時,遇到了一些問題,這里分享一下我的經驗。當我嘗試用jQuery讀取倒計時功能時,我發現它總是出現錯誤。經過一番排查,我發現原來是代碼邏輯有問題。
$(document).ready(function(){ var count = 10; setInterval(function(){ count--; if(count <= 0){ clearInterval(this); } else { $("#countdown").text(count); //這里就出現了錯誤 } }, 1000); });
上述代碼中,jQuery讀取倒計時值僅輸出了9次,然后就出現了錯誤。原因是我們沒有存儲setInterval返回的ID,并且在清除它之前嘗試訪問DOM元素。為了解決這種情況,我們需要將返回的ID存儲到變量中:
$(document).ready(function(){ var count = 10; var counter = setInterval(function(){ count--; if(count <= 0){ clearInterval(counter); } else { $("#countdown").text(count); //這里就不會出現錯誤了 } }, 1000); });
通過以上修改,我們就能成功地讀取倒計時了。代碼的本質是對于定時器的一個基本運用,但是在具體實現的時候還是需要注意DOM元素和變量的存儲。希望這篇文章能夠幫助到大家。
上一篇css怎么body里面的
下一篇css引用成功但是白屏