【HTML】【Web开发】滑动条挑战

最近在思考如何开发一些入门级的迷你游戏，于是抽空写了个HTML的滑动条小游戏。

游戏规则如下：

1. 在[0, 100]区间内随机生成一个目标值，显示为：X%
   

2. 倒计时 3 秒过后，出现 10 秒的挑战倒计时和【停止】按钮
   
   挑战倒计时结束时，如果没有点【停止】按钮，则挑战超时：

3. 点击【停止】，滑块将慢慢停在一个随机的位置，然后就会根据滑块停的位置和目标值之间的差距计算得分
   目前最高分：
   
   停留的距离过远就是0蛋了：
   

4. 点击【再来一次】，则开始新的一局挑战。

看到这里，是不是有兴趣来玩一玩了？

点击 传送门 直达滑块挑战吧！看看你能不能超过我的最高分！