example
source code
・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()">
source point
まず最初に断っておくが、文字盤には下の画像を使っている。
それで、この画像に4つの Light-filter を適用してアナログクロックを演出しているのだ。

まずは BODY 部の説明からしてしまおう。
Light-Filter を適用するオブジェクト(画像:ID 名は lader )を作成し、STYLE 指定で画像の幅と高さと Light-Filter の 指定をする。そして、この画像を読み込んだときに関数 init() を呼び出すようにしよう。

次にHEAD部の説明するが、ここで紹介するスクリプトは多少複雑なので、文字に色を付けている部分だけを説明しよう。
1行目の D はフィルターを適用する部分の大きさ、つまり文字版の直径だ。 これは画像を作成する際に文字盤を真円で作り、円の縁を画像の幅と高さギリギリにしておけば、BODY 部の D と同じになる。