知识点解析：
HTML5时钟制作原理：
HTML5中有一个非常强大的元素叫做`canvas`，它是HTML5规范中引入的一个用于绘制图形的API。通过JavaScript中的canvas API，我们可以实现在网页上绘制各种图形，包括时钟。
1. canvas标签和绘图上下文：
canvas标签是HTML5中用于绘图的元素，它本身是空的，需要通过JavaScript来控制填充内容。`getContext("2d")`是获取canvas的2D渲染上下文，这个上下文提供了绘图所需的接口和属性，例如绘制文本、线条、矩形、圆形等。
2. 绘制图形的API：
canvas提供了多种绘制图形的方法，如`fillRect(x,y,w,h)`用于绘制填充矩形，`strokeRect(x,y,w,h)`用于绘制边框矩形，`beginPath()`和`closePath()`用于开始和结束一个路径的绘制。要绘制圆形，可以使用`arc(x,y,半径,起始弧度,结束弧度,是否顺时针)`函数，其中弧度和角度的关系是通过公式弧度=角度*π/180转换的。
3. JavaScript控制时钟更新：
通过JavaScript的`setInterval()`函数可以设置定时任务，定期执行绘制代码，从而实现实时更新。例如，可以用`setInterval()`每秒调用绘图函数来更新时钟的时、分、秒针位置。
4. 绘制时钟的逻辑：
制作时钟首先需要创建一个canvas元素，并通过`getContext('2d')`获取2D绘图上下文。然后编写绘制时钟的函数，该函数内部首先清除画布，然后获取当前时间，再根据当前时间计算出时针、分针、秒针的角度。通过这些角度使用`arc()`函数绘制出相应的指针。因为时钟没有数字显示，所以无需绘制刻度数字，只需要按照时间间隔绘制代表刻度的线条即可。
5. 时钟样式调整：
通过调整`fillStyle`和`strokeStyle`属性可以设置填充色和边框颜色，例如将小刻度的颜色设置为白色覆盖黑色边框，以及调整`lineWidth`属性设置线条粗细，使得时钟的视觉效果更加美观。
总结：
文章主要介绍了使用HTML5和JavaScript技术实现一个简单的网页时钟的方法，通过canvas元素来绘制时钟的表盘和指针。介绍了如何使用`getContext()`获取绘图上下文，如何使用各种API绘制基本图形，并讲解了如何通过JavaScript定时更新时钟指针位置。这是一个非常适合初学者的实践项目，通过这个项目可以加深对HTML5 canvas绘图以及JavaScript定时器的理解，为进一步学习前端开发打下良好基础。
