.beatsClock jQuery plugin (Swatch Internet Time)

.beatsClock jQuery plugin turns any content-enabled HTML element to a CSS-styleable Swatch Internet Time clock.

.beatsClock jQuery plugin depends on ppds.data.js library! Include jquery.js, ppds.date.js and jquery.beatsclock.js inside the <head> tag of your HTML document.


<script type="text/javascript" src="/javascripts/ppds.date.js"></script>
<script type="text/javascript" src="/javascripts/jquery.min.js"></script>
<script type="text/javascript" src="/javascripts/jquery.beatsclock.js"></script>

Add a HTML element you want to display the Internet Time in.


<div id="clock"></div>

Start the clock on page load.


<script type="text/javascript">
$(document).ready(function() {
  $("div#clock").beatsClock(1);
});
</script>

Source code

jquery.beats.js

Download (0.6 KB)