使用Vanilla框架制作时间倒数器 ——JavaScript

一、制作时间倒数器要求以及思路：

   1.首先创建三个输入字段，分别是小时，分钟和秒，以及“开始”按钮。输入的初始值必须为0h 5m 0s。当用户输入小时，分钟和秒并单击“开始”按钮倒数计时器应开始工作时，“开始”按钮必须处于隐藏状态，并且您应显示“暂停”，“停止”和“重置”按钮。

  2.当单击“暂停”按钮时，计时器必须暂停，并且“暂停”按钮的文本必须通过“恢复”进行更改。
当用户单击“继续”按钮时，倒数计时器继续工作，“继续”文本再次变为“暂停”。当单击停止时，计时器必须停止，并且仅显示单个按钮启动。输入的值必须再次更改为0h 5m 0s。
当单击重置时，计时器应从用户输入的值重新开始倒计时过程。
例如：如果用户输入的值是1小时22分33秒，然后单击“开始”按钮，并且10秒钟后（当计时器显示1小时22分23秒），则单击“重置”，则计时器应从1小时22分33秒开始重新工作。

      3. 对输入和按钮使用引导样式

二、代码实现
   1.创建index.html文件，在bootstrap.com网站上复制CSS和JS代码粘贴到index.html

/*css代码*/
 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="a