How to use it?

The example below shows the default widget look without any customization. This is the default skin which is built into the widget itself, the default numbers color is white and background – black.

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<p id="xCountdownClock"><a href="http://www.xorbin.com/widgets/countdown-clock">Countdown clock widget</a></p>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
    var flashvars = {
        // no customization parameters
    };
    swfobject.embedSWF(
        'xCountdownClock.swf', // path to the widget
        'xCountdownClock',
        '220', // width of the widget
        '180', // height of the widget
        '8',
        'expressInstall.swf',
        flashvars,
        {scale: 'noscale', wmode: 'transparent'}
    );
</script>

Result

Countdown flash clock widget

Important notices

  • Specify the width and height of the widget on lines #10, #11.
  • Don’t forget to specify correct paths in lines: #2 (the location of javascript swfobject library), #8 (the location of the widget xCountdownClock.swf itself and #13 additional file called expressInstall.swf which asks your website visitors to update their flash plugins to view your website correctly).

Widgets

Download countdown flash clock

Countdown clock

How to use it?