Hex to RGB Function: function hexToRgb(hex) { var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; hex = hex.replace(shorthandRegex, function(m, r, g, b) { return r + r + g + g + b + b; }); var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); return result ? { r: parseInt(result[1], 16), g: parseInt(result[2], 16), b: parseInt(result[3], 16) } : null; } Use: //
Built using SVG circles. The progress is calculated by lengthening the gap-spacing in the dash of the stroke around the circles. The resizing takes in to account the stroke widths so the shape stays snug against it’s container.
jQuery Script <script> var clockModule = (function($){ // Clock function getTimeRemaining(endtime) { var t = Date.parse(endtime) – Date.parse(new Date()); var seconds = Math.floor((t / 1000) % 60); var minutes = Math.floor((t / 1000 / 60) % 60); var hours = Math.floor((t / (1000 * 60 * 60)) % 24); var days = Math.floor(t / (1000
A cheat-sheet with reminders, references and examples for working with JavaScript and jQuery.