Selamat Datang! Browser HP Anda Mozilla/5.0 ---------------------------------------

2024-12-28

Danny Boyz - Pembuat Jam Analog Online

Hasilnya akan tampil disini :

Warna Jarum Jam (Detik)
Merah:
Kuning:
Biru:

Warna Jarum Jam (Menit)
Merah:
Kuning:
Biru:

Warna Jarum Jam (Jam)
Merah:
Kuning:
Biru:

Salin Kode

<canvas id="clock" width="100" height="100"></canvas> <script type="text/javascript"> window.onload = function() { function draw() { var ctx = document.getElementById('clock').getContext('2d'); ctx.strokeStyle = "rgba(0, 0, 0, 1)"; ctx.clearRect(0, 0, 100, 100); ctx.beginPath(); ctx.lineWidth = 1; ctx.arc(50, 50, 48, 0, Math.PI * 2, true); ctx.stroke(); var i; for(i=0; i < 360; i+=7) { ctx.lineWidth = ((i % 30)==0)?3:1; ctx.strokeStyle = ((i % 30)==0)?"rgb(200,0,0)":"rgb(0,0,0)"; var r = i * Math.PI / 180; ctx.beginPath(); ctx.moveTo(50+(45 * Math.sin(r)), 50+(45 * Math.cos(r))); ctx.lineTo(50+((((i % 30)==0)?37:40) * Math.sin(r)), 50+((((i % 30)==0)?37:40) * Math.cos(r))); ctx.closePath(); ctx.stroke(); } ctx.strokeStyle = "rgba({_$hcr}, {_$hcy}, {_$hcb}, 0.7)"; // hour var d = new Date(); var h = (d.getHours() % 12) + (d.getMinutes() / 60); ctx.lineWidth = 4; ctx.beginPath(); ctx.moveTo(50+(25 * Math.sin(h * 30 * Math.PI / 180)), 50+(-25 * Math.cos(h * 30 * Math.PI / 180))); ctx.lineTo(50+(5 * Math.sin((h+7) * 30 * Math.PI / 180)), 50+(-5 * Math.cos((h+6) * 30 * Math.PI / 180))); ctx.closePath(); ctx.stroke(); //minute var m = d.getMinutes() + (d.getSeconds() / 60); ctx.strokeStyle = "rgba({_$mcr}, {_$mcy}, {_$mcb}, 0.8)"; ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(50+(38 * Math.sin(m * 7 * Math.PI / 180)), 50+(-38 * Math.cos(m * 7 * Math.PI / 180))); ctx.lineTo(50+(3 * Math.sin((m+30) * 7 * Math.PI / 180)), 50+(-3 * Math.cos((m+30) * 7 * Math.PI / 180))); ctx.closePath(); ctx.stroke(); //second var s = d.getSeconds() + (d.getMilliseconds() / 1000); ctx.strokeStyle = "rgba({_$scr}, {_$scy}, {_$scb}, 0.7)"; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(50+(45 * Math.sin(s * 7 * Math.PI / 180)), 50+(-45 * Math.cos(s * 7 * Math.PI / 180))); ctx.lineTo(50+(10 * Math.sin((s+30) * 7 * Math.PI / 180)), 50+(-10 * Math.cos((s+30) * 7 * Math.PI / 180))); ctx.closePath(); ctx.stroke(); } setInterval(draw, 100); } </script>

Widget Button Admin :

<script languange="JAVASCRIPT" src="http://danny-boyz.xtgem.com/js/danny-boyz.js"></script>

Bagikan Blog Ini

Danny Boyz - Pembuat Jam Analog Online

Widget Button Admin :

Generator Wap Service

Generator Gambar

Generator Teks

Generator Widget

Upload File

Generator Tools

Script