setInterval與clearInterval的使用示例代碼
setInterval是一個(gè)很有用的js函數(shù),可以用來重復(fù)執(zhí)行某些功能,利用這個(gè)我們可以實(shí)現(xiàn)一些很有趣的功能,比如:
不刷新頁面的情況下,"實(shí)時(shí)"獲取其它會(huì)員給你發(fā)來的問候,并彈出顯示之類
下面給一個(gè)示例代碼:(里面用了一些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">開始記時(shí)</button>
<button id="btnStop">停止記時(shí)</button>
<script type="text/javascript"></script>
</body>
</html>
相關(guān)文章
Jquery 點(diǎn)擊按鈕自動(dòng)高亮實(shí)現(xiàn)原理及代碼
拓展一個(gè)點(diǎn)擊按鈕自動(dòng)高亮的原理很簡(jiǎn)單,在點(diǎn)擊的時(shí)候給元素加上一個(gè)自定義的attr,具體實(shí)現(xiàn)祥看本文2014-04-04jQuery實(shí)現(xiàn)上下滾動(dòng)公告欄詳細(xì)代碼
之前做項(xiàng)目的時(shí)候,一直都想著做一個(gè)上下滾動(dòng)的公告欄,作為展示網(wǎng)站的最新公告信息,給用戶帶來極好的用戶體驗(yàn),下面小編通過實(shí)例代碼給大家分享基于jQuery實(shí)現(xiàn)上下滾動(dòng)公告欄,感興趣的朋友一起看看吧2018-11-11jQuery網(wǎng)頁右側(cè)廣告跟隨滾動(dòng)代碼分享
這篇文章主要介紹了兩種jQuery實(shí)現(xiàn)網(wǎng)頁右側(cè)廣告跟隨滾動(dòng)的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-10-10jQuery實(shí)現(xiàn)為動(dòng)態(tài)添加的元素綁定事件實(shí)例分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)為動(dòng)態(tài)添加的元素綁定事件,結(jié)合實(shí)例形式分析了jQuery常見的事件綁定相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-09-09jQuery.parseJSON(json)將JSON字符串轉(zhuǎn)換成js對(duì)象
本節(jié)主要介紹了使用jQuery.parseJSON(json)將JSON字符串轉(zhuǎn)換成js對(duì)象,需要的朋友可以參考下2014-07-07基于jQuery實(shí)現(xiàn)點(diǎn)擊列表加載更多效果
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)點(diǎn)擊列表加載更多效果的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05jquery append()方法與html()方法的區(qū)別及使用介紹
append()方法在被選元素的結(jié)尾插入指定內(nèi)容,html()方法返回或設(shè)置被選元素的內(nèi)容,下面為大家介紹下兩者的區(qū)別及使用2014-08-08