jquery-time-bar v1.0.1
jquery-time-bar

Demo
Installation
1) Include these two files : timebar.js && timebar.css in your index.html.
2) Call this single function
$(document).ready( function () {
$("#mytimebar").timebar();
} );
3) done.
Options
1) totalTimeInSecond: Integer, Default value : 60 2) cuepoints: Array,Default value : 60 3) width: String,Default value : '1000px' 4) multiSelect: Boolean,Default value : false 5) selectedTime: Integer, Default value : 0 6) showCuepoints: Boolean, Default value : false
Methods
1) addCuepoints : pass time in seconds,func(integer) 2) updateSelectedCuepoint: pass new time in seconds,func(integer) 3) deleteSelectedCuepoints: func() 4) showHideCuepoints : accept value in true or false,func(boolean) 5) getSelectedTime : return time in seconds, func 6) setSelectedTime: pass time in seconds, func(integer) 7) getTotalTime : return total time in seconds, func 8) setTotalTime : pass time in seconds , func(integer) 9) getWidth : return width ,func() 10) setWidth : pass width , func(string) 11) getCuepoints : return cuepoints in array, func()
License
MIT © pulkitchdha