setInterval與clearInterval的使用示例代碼
setInterval是一個很有用的js函數(shù)，可以用來重復(fù)執(zhí)行某些功能，利用這個我們可以實(shí)現(xiàn)一些很有趣的功能，比如:
不刷新頁面的情況下，"實(shí)時"獲取其它會員給你發(fā)來的問候，并彈出顯示之類
下面給一個示例代碼:(里面用了一些jquery的方法)
<html>
<head>
<title>jquery 操作 Select</title>
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript">
var i=1;
var _interval;
function showTime()
{
var today = new Date();
$("#msg").html(today.toLocaleString() + ",i=" + i);
i++;
if (i>10)
{
clearInterval(_interval);
}
}
$(document).ready(function(){
$("#btnStart").click(function(){
showTime();
_interval = setInterval("showTime()", 1000);
})
$("#btnStop").click(function(){
clearInterval(_interval);
i=0;
})
})
</script>
</head>
<body>
<label id="msg"></label>
<button id="btnStart">開始記時</button>
<button id="btnStop">停止記時</button>
<script type="text/javascript"></script>
</body>
</html>
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jquery插件開發(fā)之選項卡制作，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
基于jQuery實(shí)現(xiàn)的向下滑動二級菜單效果代碼
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)的向下滑動二級菜單效果代碼,通過jquery鼠標(biāo)事件控制針對頁面元素的鏈?zhǔn)讲僮鲗?shí)現(xiàn)菜單切換的功能,非常簡單實(shí)用,需要的朋友可以參考下2015-08-08
本篇文章主要介紹了JQuery實(shí)現(xiàn)圖片輪播效果的制作原理以及實(shí)現(xiàn)代碼，文章末尾附上源碼下載，具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05
全面解析jQuery中的$(window)與$(document)的用法區(qū)別
這篇文章主要介紹了jQuery中的$(window)與$(document)的用法區(qū)別，具體內(nèi)容大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08
我們要時刻注意瀏覽器緩存, 當(dāng)使用GET方式時要添加時間戳參數(shù) (net Date()).getTime() 來保證每次發(fā)送的URL不同, 可以避免瀏覽器緩存.2011-04-04
jQuery刪除節(jié)點(diǎn)的三個方法即remove()detach()和empty()
jQuery提供了三種刪除節(jié)點(diǎn)的方法，即remove()，detach()和empty()，下面為大家詳細(xì)介紹下jQuery刪除節(jié)點(diǎn)三個方法的具體使用2013-12-12
下面小編就為大家?guī)硪黄猨Query 常用代碼集錦(必看篇)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
jQuery-App輸入框?qū)崿F(xiàn)實(shí)時搜索
這篇文章主要為大家詳細(xì)介紹了jQuery-App輸入框?qū)崿F(xiàn)實(shí)時搜索，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
jQuery實(shí)現(xiàn)圖片信息的浮動顯示實(shí)例代碼
圖片信息的浮動顯示的效果，在網(wǎng)頁應(yīng)用中還是比較流行的，下面為大家詳細(xì)介紹下使用jquery是如何實(shí)現(xiàn)的，喜歡的朋友可以參考下2013-08-08
jQuery擴(kuò)展+xml實(shí)現(xiàn)表單驗證功能的方法
這篇文章主要介紹了jQuery擴(kuò)展+xml實(shí)現(xiàn)表單驗證功能的方法,涉及jQuery操作xml格式數(shù)據(jù)及表單驗證相關(guān)操作技巧,需要的朋友可以參考下2016-12-12