首先准备四张空白背景的图片,分别是表盘,时针,分针,秒针,
创建HTML文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
先构建一个div大盒子,再把时针,分针,秒针分别放在一个div盒子加入·大盒子中,<body>代码如下
<div id="clock">
<div id="h"><img src="image\h.png" width="300px" height="300px"></div>//给时针加id为h,设置宽高
<div id="m"><img src="image\m.png" width="300px" height=&