circletimer.

An SVG-based jQuery and Zepto circular timer plugin.

Time Elapsed: 0ms

        
$(document).on("ready", function() {
  $("#example-timer").circletimer({
    onComplete: function() {
      alert("Time is up!");
    },
    onUpdate: function(elapsed) {
      $("#time-elapsed").html(Math.round(elapsed));
    },
    timeout: 5000
  });

  $("#start").on("click", function() {
    $("#example-timer").circletimer("start");
  });

  $("#pause").on("click", function() {
    $("#example-timer").circletimer("pause");
  });

  $("#stop").on("click", function() {
    $("#example-timer").circletimer("stop");
  });

  $("#add").on("click", function() {
    $("#example-timer").circletimer("add", 1000);
  });
        
      
Fork me on GitHub