themactep.com

A home of miscellaneous projects by Paul Philippov.

.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 src="/js/ppds.date.js"></script>
<script src="/js/jquery.min.js"></script>
<script src="/js/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>
$(document).ready(function() {
  $("div#clock").beatsClock(1);
});
</script>

Source code

Download jquery.beatsclock.js (0.6 KB)

License

WTFPL License