<!DOCTYPE html>਍ഀ
<html lang="ja">਍ഀ
<head>਍ഀ
<meta charset="utf-8">਍ഀ
<title>時計の描画</title>਍ഀ
<style>canvas{ border: 1px solid black; }</style>਍ഀ
<!--[if IE]><script src="./excanvas.js"></script><![endif]-->਍ഀ
<script>਍ഀ
function drawScreen(){਍ഀ
	var canvas = document.getElementById( "myCanvas" );਍ഀ
	var myContext = canvas.getContext( "2d" );਍ഀ
  ਍ഀ
      ਍ഀ
　਍ഀ
　　　  ਍ഀ
਍ഀ
        var now = new Date();਍ഀ
	var h = now.getHours();਍ഀ
	var theta = 2 * Math.PI * h / 12 - Math.PI / 2;਍ഀ
਍ഀ
	myContext.clearRect( 0, 0, 640, 480 );਍ഀ
਍ഀ
        myContext.beginPath();਍ഀ
	myContext.moveTo( 320, 240 );਍ഀ
	myContext.lineTo( 320 + 100 * Math.cos( theta ),਍ഀ
	                  240 + 100 * Math.sin( theta ) );਍ഀ
        myContext.lineWidth=10;਍ഀ
        myContext.closePath();਍ഀ
	myContext.stroke();਍ഀ
਍ഀ
　　　　setTimeout( 'drawScreen()', 720000 );਍ഀ
਍ഀ
          var now = new Date();਍ഀ
	var m = now.getMinutes();਍ഀ
	var a = 2 * Math.PI * m / 60 - Math.PI / 2;਍ഀ
਍ഀ
	myContext.clearRect( 0, 0, 640, 480 );਍ഀ
਍ഀ
        ਍ഀ
	myContext.moveTo( 320, 240 );਍ഀ
	myContext.lineTo( 320 + 150 * Math.cos( a ),਍ഀ
	                  240 + 150 * Math.sin( a ) );਍ഀ
        myContext.lineWidth=5;਍ഀ
	myContext.stroke();਍ഀ
਍ഀ
　　　　setTimeout( 'drawScreen()', 60000 );਍ഀ
਍ഀ
        var now = new Date();਍ഀ
	var s = now.getSeconds();਍ഀ
	var b = 2 * Math.PI * s / 60 - Math.PI / 2;਍ഀ
਍ഀ
	myContext.clearRect( 0, 0, 640, 480 );਍ഀ
਍ഀ
਍ഀ
	myContext.moveTo( 320, 240 );਍ഀ
	myContext.lineTo( 320 + 200 * Math.cos( b ),਍ഀ
	                  240 + 200 * Math.sin( b ) );਍ഀ
     ਍ഀ
        ਍ഀ
	myContext.stroke();਍ഀ
਍ഀ
　　　　setTimeout( 'drawScreen()', 33 );਍ഀ
਍ഀ
        myContext.closePath();਍ഀ
਍ഀ
        myContext.beginPath();਍ഀ
	myContext.arc( 320, 240, 10, 0, 2 * Math.PI, false );਍ഀ
	myContext.fillStyle = "#FF0000";਍ഀ
	myContext.fill();਍ഀ
਍ഀ
        myContext.beginPath();਍ഀ
        myContext.arc( 320, 240, 230, 0, 2 * Math.PI, true );਍ഀ
        myContext.stroke();਍ഀ
਍ഀ
਍ഀ
਍ഀ
}਍ഀ
</script></head>਍ഀ
<body onload="drawScreen();">਍ഀ
<canvas id="myCanvas" width="640" height="480">਍ഀ
このブラウザは canvas 要素に対応していません。਍ഀ
</canvas>਍ഀ
</body>਍ഀ
</html>਍ഀ