快捷導(dǎo)航

JavaScript-定時(shí)器0~9抽獎系統(tǒng)詳解（代碼）

更新時(shí)間：2017年08月16日 09:53:57 作者：bright0325

這篇文章主要介紹了 JavaScript-定時(shí)器0~9抽獎系統(tǒng)，通過代碼實(shí)例說明函數(shù)調(diào)用的整體操作，具體步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。

具體代碼如下：

<html> 
 <head> 
  <title>定時(shí)器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);//清除定時(shí)器 
    }); 
   }); 
   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
本文主要介紹了詳解javascript如何在跨域請求中攜帶cookie，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03
原生js實(shí)現(xiàn)拖拽移動與縮放效果
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)拖拽移動與縮放效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-08-08
PHP 502bad gateway原因及解決方案
這篇文章主要介紹了PHP 502bad gateway原因及解決方案,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-11-11
js實(shí)現(xiàn)數(shù)組轉(zhuǎn)換成json
本文給大家分享的是使用javascript實(shí)現(xiàn)的數(shù)組轉(zhuǎn)換json的代碼，非常簡單實(shí)用，相當(dāng)于JSON.stringify(array);，有需要的小伙伴可以參考下。
2015-06-06
Bmail聯(lián)系人飛來飛去效果
Bmail聯(lián)系人飛來飛去效果...
2007-01-01
Bootstrap和Java分頁實(shí)例第一篇
這篇文章主要為大家詳細(xì)介紹了Bootstrap和Java分頁實(shí)例第一篇，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
bootstrap confirmation按鈕提示組件使用詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap confirmation按鈕提示組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
從延遲處理解析JavaScript惰性編程
這篇文章主要為大家介紹了從延遲處理解析JavaScript惰性編程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10
省市選擇的簡單實(shí)現(xiàn)(基于zepto.js)
下面小編就為大家?guī)硪黄∈羞x擇的簡單實(shí)現(xiàn)(基于zepto.js)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨想過來看看吧
2016-06-06
JavaScript中調(diào)用函數(shù)的4種方式代碼實(shí)例
這篇文章主要介紹了JavaScript中調(diào)用函數(shù)的4種方式代碼實(shí)例,本文分別給出方法調(diào)用模式、函數(shù)調(diào)用模式、構(gòu)造器調(diào)用模式、apply調(diào)用模式4種方式的代碼實(shí)例,需要的朋友可以參考下
2015-07-07