Jquery Knob

by Plippie Plop

HTML

<script src="//effinroot.eiremedia.netdna-cdn.com/repo/plugins/forms-controls/jquery-knob/js/jquery.knob.js"></script>
<input type="text" value="75" class="dial">

JavaScript

var knob = $(".dial");
lastValue = 0;
max = 100;
min = 0;
variance = Math.floor(max / 10);

knob.knob({
    "change": function(v) {
        if (v > max - variance && lastValue < min + variance) {
            knob.val(0).change();
            $(document).mouseup();
            return false;
        } else if (v < min + variance && lastValue > max - variance) {
            knob.val(100).change();
            $(document).mouseup();
            return false;
        }
        lastValue = v;
    }
});