Get started with flipclock CDN

MIT licensed

Flipclock: library for large, animated digital countdown timer.

Tags:
  • clock
  • timer
  • countdown
  • flip

Stable version

Copied!

How to start using flipclock CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with flipclock CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.10.8/flipclock.min.css" />
  <script src="https://cdn.cdnhub.io/flipclock/0.10.8/flipclock.min.js"></script>
</head>
<body>
  <div id="clock"></div>
  <script>
    const clock = FlipClock.create(document.getElementById('clock'), {
      clockFace: 'TwentyFourHourClock',
      callbacks: {
        tick: function() {
          console.log('The clock has ticked');
        },
        interval: 1000
      }
    });
  </script>
</body>
</html>

All versions