plugin/samples/clock.html

   1 <html>
   2
   3 <head>
   4         <title>Moonlight Clock Sample</title>
   5 </head>
   6
   7 <body bgcolor="white" onload="StartClock()" onunload="StopClock()">
   8
   9         <h2 align="center">Moon Clock Sample</h2>
  10
  11         <p align="center">
  12                 <object id="moonControl" width="300" height="225" type="application/x-silverlight">
  13                         <param name="background" value="#ffebcd" />
  14                         <param name="enableFramerateCounter" value="true" />
  15                         <param name="enableHtmlAccess" value="true" />
  16                         <param name="initParams" value="paramValue1, paramValue2" />
  17                         <param name="maxFrameRate" value="30" />
  18                         <param name="onError" value="myErrorHandler" />
  19                         <param name="onLoad" value="onLoad" />
  20                         <param name="source" value="clock.xaml" />
  21                         <param name="windowless" value="false" />
  22                 </object>
  23         </p>
  24
  25     <script type="text/javascript">
  26                 var control = null;
  27                 var timerID = null;
  28                 var image = null;
  29                 var secondsHand = null;
  30                 var minuteHand = null;
  31                 var hourHand = null;
  32
  33                 function StartClock () {
  34                         control = document.getElementById("moonControl");
  35                         image = control.content.findName("backImage");
  36                         secondsHand = control.content.findName("secondsHand");
  37                         minuteHand = control.content.findName("minuteHand");
  38                         hourHand = control.content.findName("hourHand");
  39
  40                         timerID = self.setTimeout("UpdateClock()", 1);
  41                 }
  42
  43                 function StopClock () {
  44                         if (timerID)
  45                                 clearTimeout (timerID)
  46                 }
  47
  48                 function UpdateClock () {
  49                         var date = new Date();
  50
  51                         if (date.getSeconds() < 30)
  52                                 image.source = "moon1.jpg";
  53                         else
  54                                 image.source = "moon2.jpg";
  55
  56                         secondsHand.angle = (date.getSeconds () * 6);
  57                         minuteHand.angle = (date.getMinutes () * 6);
  58                         hourHand.angle = (date.getHours () * 30);
  59
  60                         self.setTimeout("UpdateClock()", 1000);
  61                 }
  62
  63
  64
  65     </script>
  66
  67 </body>
  68 </html>