JavaScript-定時器0~9抽獎系統(tǒng)詳解（代碼）
更新時間：2017年08月16日 09:53:57 作者：bright0325
這篇文章主要介紹了 JavaScript-定時器0~9抽獎系統(tǒng)，通過代碼實例說明函數(shù)調(diào)用的整體操作，具體步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。
具體代碼如下：
<html>
<head>
<title>定時器0~9抽獎系統(tǒng)</title>
<meta charset="UTF-8" />
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#start").click(function(){
fn();
timer = setInterval('fn()',200);//向DIV中填充內(nèi)容
});
$("#stop").click(function(){
clearInterval(timer);//清除定時器
});
});
var i=0;
function fn(){
$("#box").html(i);
i++;
if(i==10){
i=0;
}
}
</script>
</head>
<body>
<div>
<button id="start" type="button">開始</button>
<button id="stop" type="button">停止</button>
</div>
<br />
<div id="box" style="width:200px;height:100px;border:1px solid;line-height:100px;font-size:80px;text-align:center;"></div>
</body>
</html>
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助~如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持!
相關(guān)文章
本文主要介紹了詳解javascript如何在跨域請求中攜帶cookie，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要為大家詳細(xì)介紹了原生js實現(xiàn)拖拽移動與縮放效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了PHP 502bad gateway原因及解決方案,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-11-11
js實現(xiàn)數(shù)組轉(zhuǎn)換成json
本文給大家分享的是使用javascript實現(xiàn)的數(shù)組轉(zhuǎn)換json的代碼，非常簡單實用，相當(dāng)于JSON.stringify(array);，有需要的小伙伴可以參考下。2015-06-06
Bmail聯(lián)系人飛來飛去效果...2007-01-01
這篇文章主要為大家詳細(xì)介紹了Bootstrap和Java分頁實例第一篇，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
bootstrap confirmation按鈕提示組件使用詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap confirmation按鈕提示組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要為大家介紹了從延遲處理解析JavaScript惰性編程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
下面小編就為大家?guī)硪黄∈羞x擇的簡單實現(xiàn)(基于zepto.js)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨想過來看看吧2016-06-06
JavaScript中調(diào)用函數(shù)的4種方式代碼實例
這篇文章主要介紹了JavaScript中調(diào)用函數(shù)的4種方式代碼實例,本文分別給出方法調(diào)用模式、函數(shù)調(diào)用模式、構(gòu)造器調(diào)用模式、apply調(diào)用模式4種方式的代碼實例,需要的朋友可以參考下2015-07-07