Input box selection time plug-in usage example implemented by jQuery_jquery

The example in this article describes the usage of the input box selection time plug-in implemented by jQuery. Share it with everyone for your reference. The specific implementation method is as follows:

Copy code The code is as follows:

msg

time1

time2

time3

<script><br> $('#time').setTime();<br> $('#time2').setTime({<br> drag:true,<br> h:[5,20],<br> i:[5,50],<br> s:[5,45],<br> a:0.05,<br> constraint:'',<br> 'starteffect': function(d){<br> $('#msg').html(d[0]);<br> },<br> 'onmove':function(e){<br> $('#msg').html(e[0] '/' e[1])<br> },<br> zindex:'0',<br> 'cursor':'move',<br> 'area':[[50,600],[10 ,5000]],<br> 'callback':function(){<br> //alert(1)<br> }<br> });<br> $('#time3').setTime({<br> drag:true,<br> a:0.05<br> });<br> $('#button').click(function(){<br> alert( $('#time').val() );<br> alert( $('#time2').val() );<br> alert( $('#time3').val() );<br> });<br> </script>

Click here for the time plug-in jquery.settime.js in this articleDownload from this site.

I hope this article will be helpful to everyone’s jQuery programming.