web前端纯HTML《动态时钟》.docx
需积分: 11 16 浏览量
2022-08-01
12:25:31
上传
评论
收藏 37KB DOCX 举报
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>时钟</title>
</head>
<body background="../image/22.png">
<div id="container">
<canvas id="watch" width="300" height="300"></canvas>
</div>
</body>
<script type="text/javascript">
var watch = document.querySelector('#watch');
var ctx = watch.getContext('2d');
var width = ctx.canvas.width;
var height = ctx.canvas.height;
var r = width / 2;
draw();
setInterval(draw,1000);
function drawBackground() {
ctx.save();
ctx.translate(r, r);
ctx.beginPath();
ctx.lineWidth = 15;
ctx.strokeStyle = 'black';
ctx.arc(0, 0, r - 30, 0, 2 * Math.PI, false);
ctx.stroke();
评论0
最新资源