SCRIPT HTML LENGKAP: SCRIP HTML LENGKAP

<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>
<marquee behavior=alternate>TEKNIK KOMPUTER DAN JARINGAN</marquee behavior=alternate></A> 
<blink><a href = "file:///D:/html/HTMLOKY.html">OKY GALECH SUBEKTI</A> 

KUMPULAN KOMBINASI WARNA</A> 
<TR>
<blink><a href = "file:///D:/html/KODEWARNAFULL.HTML"><blink>KODE WARNA</A> 
<blink><a href = "file:///D:/html/MERAH.HTML"><blink>RED</A> 
<blink><a href = "file:///D:/html/YELOW.HTML">YELLOW</A> 
<blink><a href = "file:///D:/html/BLACK.HTML">BLACK</A> 
<blink><a href = "file:///D:/html/BLUE.HTML">BLUE</A> 
<blink><a href = "file:///D:/html/Whitesmoke.HTML">WHITESMOKE</A> 
<blink><a href = "file:///D:/html/THISTLE.HTML">THISTLE</A> 
<blink><a href = "file:///D:/html/TEAL.HTML">TEAL</A> 
<blink><a href = "file:///D:/html/STELBLUE.HTML">STELBLUE</A> 
<blink><a href = "file:///D:/html/SILVER.HTML">SILVER</A> 
<blink><a href = "file:///D:/html/SEAGREN.HTML">SEAGREEN</A> 
<a href = "file:///D:/html/GREEN.HTML">GREEN</A> 
<blink><a href = "file:///D:/html/Slategray.HTML">SLATEGRAY</A> 
<a href = "file:///D:/html/Springgreen.HTML">SPRINGGREEN</A> 
<blink><a href = "file:///D:/html/Sandybrown.HTML">SANDYBROWN</A> 
<a href = "file:///D:/html/Rosybrown.HTML">ROSYBROWN</A> 
<blink><a href = "file:///D:/html/Purple.HTML">PURPLE</A> 
<a href = "file:///D:/html/Palevioletred.HTML">PALEVIOLETRED</A> 
<blink><a href = "file:///D:/html/Turquoise.HTML">TURQUOISE</A> 
<a href = "file:///D:/html/Violet.HTML">VIOLET</A> 

<a href = "file:///E:/data/bloger/blog%20coba%20coba%20Oky%20Galech.htm">blogger OKY</A> 
<a href = "file:///E:/data/bloger/Contoh%20Surat%20Lamaran%20Kerja%20Terbaik%202013%20_%20InfoNews.htm">SURAT LAMARAN KERJA</A> 
<a href = "file:///E:/data/bloger/kumpulan-gadget-unik-dan-lucu-untuk.html">SRIPT GADGET</A> 
<a href = "file:///E:/data/bloger/Cara%20Memasukan%20Gambar%20ke%20Dalam%20Tag%20HTML%20_%20Portal%20Belajar%20Indonesia.htm">CARA MEMASUKAN GAMBAR KE HTML</A> 
<a href = "file:///E:/data/bloger/hjkkk.html">CONTOH WIDGET ANIMASI</A> 
<TR>

</center>

<body bgcolor="Gold">
</html>

SCRIPT HTML LENGKAP

Senin, 09 September 2013

SCRIP HTML LENGKAP

10 komentar: