JS+JQuery实现网页钟表
效果图
HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>时钟</title>
</head>
<body>
<canvas id="canvas1" width="800" height="600"></canvas>
<!--
1：表盘
2：刻度
3：指针
4：获取时间
获取时间，重新绘制：每隔1秒钟绘制：
-->
<script type="text/javascript">
var canvas1 = document.querySelector('#canvas1')
var ctx = canvas1.getContext('2d')
function drawTime(){
//清盘
ctx.clearRect(0,0,800,600)
//表盘
ctx.beginPath()
ctx.arc(400,300,200,0,2*Math.PI)
ctx.lineWidth =
最低0.47元/天 解锁文章
365
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
