Home
Solutions
Blogger
JQuery
Products
Support
Communities
Company
Downloads
Store
Start, Pause, Resume, Timer in JQuery
Hai,
I would like to share my JQuery code to Start, Pause, Resume, Timer/Counter.
Source Code:
<head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <script> var sec = $('#Msg span').text() || 0; var time = null; var timer = function() { $('#Msg span').text(++sec); if (sec == 0) { $('#hideMsg').hide(); clearInterval(timer); } } $(document).on({ click: function () { time = setInterval(timer,1000); }, mouseleave: function () { clearInterval(time); } }, '#start'); </script> </head> <body> <div id="start"> <button>start</button> </div> <div id="Msg"> Time : <span>0</span> Seconds </div> </body>
Live Demo:
Click to start, leave to stop.!!! :)
start
Time :
0
Seconds
No comments:
Post a Comment
Leave a Comment
Newer Post
Home
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment
Leave a Comment