定时器小案例

1.我们先打开Visual Studio Code，在创建个文本文件为html，然后在打上名字，图片如下：

2,然后在body元素里写上两个button标签和div标签，在button标签里写上一个为开始一个为暂停，在div标签里面在给他个class属性为box，图片如下：

 

3，body元素里写完后我们开始写style样式，我们先写button标签样式我们给button标签个宽为100px，在给个高为40px，在给个左外边距为15px，图片如下：

 

4，写完button标签样式后我们现在写div标签的样式，现在我们把宽给到box为250px，再给个高为250px，然后在给个行高也为250px，在给个背景颜色为aque，在给个字体颜色为black（现在字体还不能显示出来要设置完script后才能显示。），再给个字体大小为50px，再给个水平居中为center，再给个字体粗细为bold，最后再给个外边距为20px，图片如下：

 

5，button的样式和div标签的样式写完后，打开浏览器查看效果，图片如下：

6，我们写完style属性样式后，记得在把div标签里的class属性改为id属性，图片如下：

 

7，把那个改完后，我们在来写script属性的样式，我们先声明三个变量后，不会了自己看图片，图片如下：

8，script属性样式写完后自己打开浏览器在里面查看效果图片如下：