小編這次要給大家分享的是詳解Javascript如何實(shí)現(xiàn)秒表計(jì)時(shí)游戲，文章內(nèi)容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括微山網(wǎng)站建設(shè)、微山網(wǎng)站制作、微山網(wǎng)頁制作以及微山網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，微山網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到微山省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

一、說明

本游戲頁面設(shè)計(jì)分為左右兩欄。左上為跑馬燈，左下為計(jì)時(shí)器和”START”按鈕；右上為排行榜，右下為游戲規(guī)則說明。

跑馬燈用的是定時(shí)器，循環(huán)走一遍。計(jì)時(shí)器是從”00:00:000”開始計(jì)時(shí)，需要點(diǎn)擊”START”按鈕開始游戲，停止游戲是點(diǎn)擊空格鍵。游戲計(jì)算的是停止時(shí)間時(shí)刻和”00:10:000”時(shí)刻，也就是和10秒整的時(shí)間差。注意如果是在10秒前按下空格鍵停止，是有懲罰的，懲罰為之前計(jì)算的時(shí)間差翻倍。最后是按最終時(shí)間差從小到大順序進(jìn)行排名。

二、效果展示

三、代碼

3.1 HTML

 
 
 
 
 



 

  
  

   
   

    
   
   
   

    00:
    00:
    000
   
   


   
   

    START
   
   


  

  
  

   
   

    

     
排行榜
     

      
排名
      
玩家ID
      
時(shí)間記錄
      
是否罰時(shí)
      
時(shí)間差
     
    
   
   
   

    

     
計(jì)時(shí)游戲規(guī)則：
     
  點(diǎn)擊"START"開始游戲，當(dāng)秒表計(jì)時(shí)到10秒的時(shí)候，請按下鍵盤的空格鍵，系統(tǒng)將記錄按下鍵盤時(shí)刻秒表與10秒時(shí)刻的時(shí)間差，并按照最終時(shí)間差從小到大順序進(jìn)行排名。
      如果想要重新開始游戲，只需再次點(diǎn)擊"START"。
      
  
      注意：如果在秒表10秒前按下空格鍵，屬于“搶跑”違規(guī)，需要罰時(shí)，最終時(shí)間差翻倍！
     
    
   
  
 

新聞名稱：詳解Javascript如何實(shí)現(xiàn)秒表計(jì)時(shí)游戲-創(chuàng)新互聯(lián)
新聞來源：http://weahome.cn/article/dcehge.html