- 首先要在Visual Studio Code里创建一个新的HTMl,
在title标签里给可以它换一个名字
- 创建后的HTML如下图:
- 在body里写一个‘p’标签写上当前时间显示,下面再写一个div,给一个id,内名time(也可以自己写一个自己想要的内名,但前提是获取id要注意自己给的内名)
- 给内名需要注意的事项
1.“div”标签里的id名要标明、标清、易记
2.给出的id名,在“script”里获取值的名要一致
3.每个获取时间的点上都要有自己给出的id名
4.不管哪一个内名都要以英文形式,中文数字的最好不要写
- 顺便给‘p’标签和div在浏览页面上居中对齐,div的字体颜色可以按自己喜欢的颜色去调换,要在“style”标签里的div去更换color颜色属性
- 在div标签下面,写一个script标签,接下来就开始写重点,先看看完整script代码,再给你们分析
- 分析图如下图:(还有部分分析没有准确的说明出来,让大家见笑了)如果不够准确,可以找其他大佬的作品
- 图里写有分析,虽然不是很全面的分析,这个需要会的人或者老师来给你讲解会更为清晰,如果运用的好,可以自己设计一些更有趣的时间页面
- 展示一下在浏览器预览的样子,如下图:
- 看着这个时间表,很简陋,也挺简单的,但要注意的地方还是要细心去观察,出现错误,要反复去查看,一些地方很容易会出现错误,所有一定要仔细