・HEAD部の記述 <SCRIPT LANGUAGE="JavaScript"> <!-- var R = D; var r = R/2; var conv = (2 * Math.PI)/360; function rotate() { var second = (new Date()).getSeconds(); var minute = (new Date()).getMinutes(); var hour = (new Date()).getHours(); var degSec = second * 6 - 90; var degMin = minute * 6 -90 ; var degHour = hour * 30 -90 ; var adjust = Math.floor(degMin/72); switch(adjust) { case 0: degHour = degHour + 6; break; case 1: degHour = degHour + 12; break; case 2: degHour = degHour + 18; break; case 3: degHour = degHour + 24; break; case 4: degHour = degHour + 30; break; } var xSec = r + r * Math.cos(degSec * conv); var ySec = r + r * Math.sin(degSec * conv); var xMin = r + r * Math.cos(degMin * conv); var yMin = r + r * Math.sin(degMin * conv); var xHour = r + r * Math.cos(degHour * conv); var yHour = r + r * Math.sin(degHour * conv); lader.filters[0].moveLight(1,xSec,ySec,0,1); lader.filters[0].moveLight(2,xMin,yMin,0,1); lader.filters[0].moveLight(3,xHour,yHour,0,1); } function init() { lader.filters.light.addCone(xa0,ya0,za0,xb0,yb0,r0,g0,b0,p0,w0); lader.filters.light.addCone(xa1,ya1,za1,0,0,r1,g1,b1,p1,w1); lader.filters.light.addCone(xa2,ya2,za2,0,0,r2,g2,b2,p2,w2); lader.filters.light.addCone(xa3,ya3,za3,0,0,r3,g3,b3,p3,w3); timerID = setInterval('rotate()',1000); } // --> </SCRIPT> ・BODY部の記述 <IMG SRC="watch.gif" ID="lader" STYLE="height:Dpx;width:Dpx;filter:light()" onLoad="init()">