最近作的一个微信端小游戏,经过摇一摇得到金币,这里有一个倒计时的几秒钟时间限制,带有毫秒。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