【无标题】

文献种类：专题技术总结文献

开发工具与关键技术： VS

；年级：IT2003

作者：胡乔冠

班

；撰写时间：2022 年 7 月 18 日

文献编号：

归档时间：

年

月

日

定时器小案例

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：VS

作者： 胡乔冠

撰写时间：2022/5/18

1.我们先打开 Visual Studio Code，在创建个文本文件为 html，然后

在打上名字，图片如下：

2,然后在 body 元素里写上两个 butto n 标签和 div 标签，在 button 标

签里写上一个为开始一个为暂停，在 div 标签里面在给他个 class 属

性为 box，图片如下： 3，body 元素里写完后我们开始写 style 样式，我们先写 button 标签

样式我们给 button 标签个宽为 100px，在给个高为 40 px，在给个左

外边距为 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 属性样式写完后自己打开浏览器在里面查看效果图片如下：