js、bootstrap、jq实现酷炫赛道风格的多功能辩论赛定计时器

先简单一下这个计时器背景

大学时期打了几年的辩论赛。一直有这个情怀在。看到那些孩子们孩子用很多年前的计时软件。就考虑闲暇时做一个新的计时器。但首先存在一个问题。实现多功能的方法要不做成微信小程序。或者是做成web项目上传云服务器。但是考虑成本和维护。就先做一个不带数据库和后台的页面。赛制和环节通过点击之页面上的button组合需要的赛制环节模式。

需要说明的是

首先 这不是我的原生开发。这是我在gitee上拿到一个开源的项目 进行加工。优化了一下页面效果和逻辑。添加了一些逻辑。本来想用vue再加工一下。但是还要上班工作量大了点。下次周末再来优化。

先上几张截图

这里感谢下原作者

首先作者是一名高中学生。这一点我真的佩服。虽然原作者只是用了jq 原生js 和bootstrap 。没用框架。但是作为一名还未读大学的孩子。确实能写到这种程度还是很佩服的。（我高中那会就会C语言的if和for）。当然这也不是这个孩子的原生开发。还有之前的作者MrAMS。一个github上的做作者。

还需要改进的地方

那确实太多了，比如计时的动画提示，还有赛制信息没做。准备加个后台存数据。之前原来版本用了perl更新数据。我觉得麻烦了点，改成了本地存储。但未来还是要用到数据库和后台的。等有空用vue改写一下。然后价格后台啥的，之前看到一个自带ai评分的一个项目。准备拿来一起试试。既然是为了情怀改写的代码，那当然有空要继续做下去

源码地址

有空会一直更新代码的 也欢迎曾经是辩手的程序员们一起加入进来。为了热爱 也为了情怀
gitee源码地址，可以直接克隆下载
或者复制该地址：https://gitee.com/beck0514001/my-demo-project/tree/debateTimer/