最近作的一個微信端小遊戲,經過搖一搖得到金幣,這裏有一個倒計時的幾秒鐘時間限制,帶有毫秒。css
設計圖毫秒採用小數點後三位,我以爲兩位比較好看,因此改爲了兩位的。
實現以前,我仍是先在網上搜索了一下各類實現方法,有不少,常見的都是利用日期時間對象來解決。
因此我以爲這種有些過於繁瑣,畢竟這種小遊戲時間單位數量級只有秒,就試着寫了一種簡單的方法。html
https://jsfiddle.net/g35s9oy1/embedded/result,js,html,css/微信
這裏使用了按鈕觸發,實際頁面是檢測手機搖晃觸發,所以也不須要暫停、恢復, 有須要能夠再添加。spa
思路解釋一下:
1. 1000毫秒爲1秒,我這裏是分鐘後面毫秒有兩位數,因此定時器間隔時間就設爲10毫秒。
2. 把時間當作是不斷減小的數字,設定一個時間總數,如須要5秒,總數就爲500,每隔10毫秒減小1
3. 分鐘爲總數除以100獲得的整數,毫秒爲當前總數減去分鐘數乘以100..net