1 var progressbar_running;
3 $( document ).on( "pageshow", "#progressbar-demo", function () {
5 $("#progressbarTest").bind("vclick", function ( e ) {
6 progressbar_running = !progressbar_running;
8 // request animation frame
9 window.requestAnimFrame = (function () {
10 return window.requestAnimationFrame ||
11 window.webkitRequestAnimationFrame ||
12 window.mozRequestAnimationFrame ||
13 window.oRequestAnimationFrame ||
14 window.msRequestAnimationFrame ||
16 return window.setTimeout(animloop, 1000 / 60);
20 window.cancelRequestAnimFrame = (function () {
21 return window.cancelAnimationFrame ||
22 window.webkitCancelRequestAnimationFrame ||
23 window.mozCancelRequestAnimationFrame ||
24 window.oCancelRequestAnimationFrame ||
25 window.msCancelRequestAnimationFrame ||
32 // start and run the animloop
33 (function animloop() {
34 if ( !progressbar_running ) {
35 cancelRequestAnimFrame( request );
39 $("#progressbar").progressbar( "option", "value", i++ );
41 request = requestAnimFrame( animloop );
44 cancelRequestAnimFrame( request );
49 $("#pending").progress( "running", true );
50 $("#progressing").progress( "running", true );
52 $("#pendingTest").bind("vclick", function ( e ) {
53 var running = $("#pending").progress( "running" );
54 // start/stop progressing animation
55 $("#pending").progress( "running", !running );
58 $("#progressingTest").bind("vclick", function ( e ) {
59 var running = $("#progressing").progress( "running" );
60 // start/stop progressing animation
61 $("#progressing").progress( "running", !running );
64 $("#progressing").progress( "hide" );
69 $( document ).on( "pagehide", "#progressbar-demo", function () {
70 progressbar_running = false;
71 $("#pending").progress( "running", false );
72 $("#progressing").progress( "running", false );