<html>
<head>
<script type="text/javascript" src="excanvas.js"></script>
<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+=6)
{
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(32, 32, 32, 0.6)";
// 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+6) * 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(32, 32, 62, 0.8)";
ctx.lineWidth = 2;
ctx.beginPath();
ctx.moveTo(50+(38 * Math.sin(m * 6 * Math.PI / 180)),
50+(-38 * Math.cos(m * 6 * Math.PI / 180)));
ctx.lineTo(50+(3 * Math.sin((m+30) * 6 * Math.PI / 180)),
50+(-3 * Math.cos((m+30) * 6 * Math.PI / 180)));
ctx.closePath();
ctx.stroke();
//second
var s = d.getSeconds() + (d.getMilliseconds() / 1000);
ctx.strokeStyle = "rgba(0, 255, 0, 0.7)";
ctx.lineWidth = 1;
ctx.beginPath();
ctx.moveTo(50+(45 * Math.sin(s * 6 * Math.PI / 180)),
50+(-45 * Math.cos(s * 6 * Math.PI / 180)));
ctx.lineTo(50+(10 * Math.sin((s+30) * 6 * Math.PI / 180)),
50+(-10 * Math.cos((s+30) * 6 * Math.PI / 180)));
ctx.closePath(); ctx.stroke(); } setInterval(draw, 100); }
</script>
<title>OKY GALECH</title>
</head>
<body>
<center>
<p style="text-align:LEFT;"><font color="BLACK"face="Bleeding Cowboys"><marquee behavior=alternate><font size="8">TEKNIK KOMPUTER DAN JARINGAN</marquee behavior=alternate></A><br></span></p>
<p style="text-align:right;"><span style="background-color:blue;padding:15px;"><blink><font size="6"><a href = "file:///D:/html/HTMLOKY.html"><font color="yellow"face="Aharoni"><font size="6">OKY GALECH SUBEKTI</A><br></span></p>
<p style="text-align:CENTER;"><font color="BLACK"face="Ascent 2 Stardom"><font size="8">KUMPULAN KOMBINASI WARNA</A><br></span></p>
<TR>
<p style="text-align:center;"><span style="background-color:Olivedrab;padding:15px;"><blink><font color="blue"face="Aharoni"><a href = "file:///D:/html/KODEWARNAFULL.HTML"><font size="6"><blink><font color="blue"face="Aharoni">KODE WARNA</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Red;padding:15px;"><blink><font color="blue"face="Aharoni"><a href = "file:///D:/html/MERAH.HTML"><font size="4"><blink><font color="blue"face="10 Minutes">RED</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Yellow;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/YELOW.HTML">YELLOW</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Black;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/BLACK.HTML">BLACK</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Blue;padding:15px;"><blink><a href = "file:///D:/html/BLUE.HTML"><font color="Whitesmoke"face="10 Minutes">BLUE</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Whitesmoke;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Whitesmoke.HTML">WHITESMOKE</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Thistle;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/THISTLE.HTML">THISTLE</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Teal;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/TEAL.HTML">TEAL</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Steelblue;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/STELBLUE.HTML">STELBLUE</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Silver;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/SILVER.HTML">SILVER</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Seagreen;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/SEAGREN.HTML">SEAGREEN</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Green;padding:15px;"><font color="blue"face="10 Minutes"><a href = "file:///D:/html/GREEN.HTML">GREEN</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Slategray;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Slategray.HTML">SLATEGRAY</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Springgreen;padding:15px;"><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Springgreen.HTML">SPRINGGREEN</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Sandybrown;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Sandybrown.HTML">SANDYBROWN</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Rosybrown;padding:15px;"><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Rosybrown.HTML">ROSYBROWN</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Purple;padding:15px;"><blink><a href = "file:///D:/html/Purple.HTML"><font color="Whitesmoke"face="10 Minutes">PURPLE</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Palevioletred;padding:15px;"><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Palevioletred.HTML">PALEVIOLETRED</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Turquoise;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Turquoise.HTML">TURQUOISE</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:VIOLET;padding:15px;"><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Violet.HTML">VIOLET</A><br></span></p>
<p style="text-align:left;"><font color="blue"face="Aharoni"><a href = "file:///E:/data/bloger/blog%20coba%20coba%20Oky%20Galech.htm">blogger OKY</A><br>
<p style="text-align:left;"><font color="blue"face="Aharoni"><a href = "file:///E:/data/bloger/Contoh%20Surat%20Lamaran%20Kerja%20Terbaik%202013%20_%20InfoNews.htm">SURAT LAMARAN KERJA</A><br>
<p style="text-align:left;"><font color="blue"face="Aharoni"><a href = "file:///E:/data/bloger/kumpulan-gadget-unik-dan-lucu-untuk.html">SRIPT GADGET</A><br>
<p style="text-align:left;"><font color="blue"face="Aharoni"><a href = "file:///E:/data/bloger/Cara%20Memasukan%20Gambar%20ke%20Dalam%20Tag%20HTML%20_%20Portal%20Belajar%20Indonesia.htm">CARA MEMASUKAN GAMBAR KE HTML</A><br>
<p style="text-align:left;"><font color="blue"face="Aharoni"><a href = "file:///E:/data/bloger/hjkkk.html">CONTOH WIDGET ANIMASI</A><br>
<TR>
</center>
<body bgcolor="Gold">
</html>
<head>
<script type="text/javascript" src="excanvas.js"></script>
<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+=6)
{
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(32, 32, 32, 0.6)";
// 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+6) * 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(32, 32, 62, 0.8)";
ctx.lineWidth = 2;
ctx.beginPath();
ctx.moveTo(50+(38 * Math.sin(m * 6 * Math.PI / 180)),
50+(-38 * Math.cos(m * 6 * Math.PI / 180)));
ctx.lineTo(50+(3 * Math.sin((m+30) * 6 * Math.PI / 180)),
50+(-3 * Math.cos((m+30) * 6 * Math.PI / 180)));
ctx.closePath();
ctx.stroke();
//second
var s = d.getSeconds() + (d.getMilliseconds() / 1000);
ctx.strokeStyle = "rgba(0, 255, 0, 0.7)";
ctx.lineWidth = 1;
ctx.beginPath();
ctx.moveTo(50+(45 * Math.sin(s * 6 * Math.PI / 180)),
50+(-45 * Math.cos(s * 6 * Math.PI / 180)));
ctx.lineTo(50+(10 * Math.sin((s+30) * 6 * Math.PI / 180)),
50+(-10 * Math.cos((s+30) * 6 * Math.PI / 180)));
ctx.closePath(); ctx.stroke(); } setInterval(draw, 100); }
</script>
<title>OKY GALECH</title>
</head>
<body>
<center>
<p style="text-align:LEFT;"><font color="BLACK"face="Bleeding Cowboys"><marquee behavior=alternate><font size="8">TEKNIK KOMPUTER DAN JARINGAN</marquee behavior=alternate></A><br></span></p>
<p style="text-align:right;"><span style="background-color:blue;padding:15px;"><blink><font size="6"><a href = "file:///D:/html/HTMLOKY.html"><font color="yellow"face="Aharoni"><font size="6">OKY GALECH SUBEKTI</A><br></span></p>
<p style="text-align:CENTER;"><font color="BLACK"face="Ascent 2 Stardom"><font size="8">KUMPULAN KOMBINASI WARNA</A><br></span></p>
<TR>
<p style="text-align:center;"><span style="background-color:Olivedrab;padding:15px;"><blink><font color="blue"face="Aharoni"><a href = "file:///D:/html/KODEWARNAFULL.HTML"><font size="6"><blink><font color="blue"face="Aharoni">KODE WARNA</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Red;padding:15px;"><blink><font color="blue"face="Aharoni"><a href = "file:///D:/html/MERAH.HTML"><font size="4"><blink><font color="blue"face="10 Minutes">RED</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Yellow;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/YELOW.HTML">YELLOW</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Black;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/BLACK.HTML">BLACK</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Blue;padding:15px;"><blink><a href = "file:///D:/html/BLUE.HTML"><font color="Whitesmoke"face="10 Minutes">BLUE</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Whitesmoke;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Whitesmoke.HTML">WHITESMOKE</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Thistle;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/THISTLE.HTML">THISTLE</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Teal;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/TEAL.HTML">TEAL</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Steelblue;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/STELBLUE.HTML">STELBLUE</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Silver;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/SILVER.HTML">SILVER</A><br></span></p>
<p style="text-align:center;"><span style="background-color:Seagreen;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/SEAGREN.HTML">SEAGREEN</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Green;padding:15px;"><font color="blue"face="10 Minutes"><a href = "file:///D:/html/GREEN.HTML">GREEN</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Slategray;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Slategray.HTML">SLATEGRAY</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Springgreen;padding:15px;"><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Springgreen.HTML">SPRINGGREEN</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Sandybrown;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Sandybrown.HTML">SANDYBROWN</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Rosybrown;padding:15px;"><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Rosybrown.HTML">ROSYBROWN</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Purple;padding:15px;"><blink><a href = "file:///D:/html/Purple.HTML"><font color="Whitesmoke"face="10 Minutes">PURPLE</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Palevioletred;padding:15px;"><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Palevioletred.HTML">PALEVIOLETRED</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:Turquoise;padding:15px;"><blink><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Turquoise.HTML">TURQUOISE</A><br></span></p>
<p style="text-align:RIGHT;"><span style="background-color:VIOLET;padding:15px;"><font color="blue"face="10 Minutes"><a href = "file:///D:/html/Violet.HTML">VIOLET</A><br></span></p>
<p style="text-align:left;"><font color="blue"face="Aharoni"><a href = "file:///E:/data/bloger/blog%20coba%20coba%20Oky%20Galech.htm">blogger OKY</A><br>
<p style="text-align:left;"><font color="blue"face="Aharoni"><a href = "file:///E:/data/bloger/Contoh%20Surat%20Lamaran%20Kerja%20Terbaik%202013%20_%20InfoNews.htm">SURAT LAMARAN KERJA</A><br>
<p style="text-align:left;"><font color="blue"face="Aharoni"><a href = "file:///E:/data/bloger/kumpulan-gadget-unik-dan-lucu-untuk.html">SRIPT GADGET</A><br>
<p style="text-align:left;"><font color="blue"face="Aharoni"><a href = "file:///E:/data/bloger/Cara%20Memasukan%20Gambar%20ke%20Dalam%20Tag%20HTML%20_%20Portal%20Belajar%20Indonesia.htm">CARA MEMASUKAN GAMBAR KE HTML</A><br>
<p style="text-align:left;"><font color="blue"face="Aharoni"><a href = "file:///E:/data/bloger/hjkkk.html">CONTOH WIDGET ANIMASI</A><br>
<TR>
</center>
<body bgcolor="Gold">
</html>