Make a clock in Html CSS and javaScript with source code
<!DOCTYPE html>
<html>
<body>
<canvas id="canvas" width="200" height="200"style="background-color:white">
</canvas>
<script type =text/javascript>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
setInterval(drawClock, 1000);
function drawClock() {
drawFace(ctx, radius);
drawNumbers(ctx, radius);
drawTime(ctx, radius);
}
function drawFace(ctx, radius) {
var grad;
ctx.beginPath();
ctx.arc(0, 0, radius, 0, 2*Math.PI);
If you want to full code click on download
Output:
Make a simple calculator in html source code
gain other technical tricks follow this site:https://www.techsawesome.in/
2 Comments
Very good mam you are very good working i see your all post your work is wounderful awesome🔥🔥
ReplyDeletethanku
Delete