demos/tizen-winsets/widgets/progressbar.js

   1 var progressbar_running;
   2
   3 $("#progressbar-demo").live("pageshow", function ( e ) {
   4
   5         $("#progressbarTest").bind("vclick", function ( e ) {
   6                 progressbar_running = !progressbar_running;
   7
   8                 // request animation frame
   9                 window.requestAnimFrame = (function () {
  10                         return window.requestAnimationFrame ||
  11                                 window.webkitRequestAnimationFrame ||
  12                                 window.mozRequestAnimationFrame ||
  13                                 window.oRequestAnimationFrame ||
  14                                 window.msRequestAnimationFrame ||
  15                                 function (animloop) {
  16                                         return window.setTimeout(animloop, 1000 / 60);
  17                                 };
  18                 }());
  19
  20                 window.cancelRequestAnimFrame = (function () {
  21                         return window.cancelAnimationFrame ||
  22                                 window.webkitCancelRequestAnimationFrame ||
  23                                 window.mozCancelRequestAnimationFrame ||
  24                                 window.oCancelRequestAnimationFrame ||
  25                                 window.msCancelRequestAnimationFrame ||
  26                                 clearTimeout;
  27                 }());
  28
  29                 var request,
  30                         i = 0;
  31
  32                 // start and run the animloop
  33                 (function animloop() {
  34                         if ( !progressbar_running ) {
  35                                 cancelRequestAnimFrame( request );
  36                                 return;
  37                         }
  38
  39                         $("#progressbar").progressbar( "option", "value", i++ );
  40
  41                         request = requestAnimFrame( animloop );
  42
  43                         if ( i > 100 ) {
  44                                 cancelRequestAnimFrame( request );
  45                         }
  46                 }());
  47         });
  48
  49         $("#pending").progress( "running", true );
  50         $("#progressing").progress( "running", true );
  51
  52         $("#pendingTest").bind("vclick", function ( e ) {
  53                 var running = $("#pending").progress( "running" );
  54                 // start/stop progressing animation
  55                 $("#pending").progress( "running", !running );
  56         });
  57
  58         $("#progressingTest").bind("vclick", function ( e ) {
  59                 var running = $("#progressing").progress( "running" );
  60                 // start/stop progressing animation
  61                 $("#progressing").progress( "running", !running );
  62
  63                 if ( running ) {
  64                         $("#progressing").progress( "hide" );
  65                 }
  66         });
  67 });
  68
  69 $("#progressbar-demo").live("pagehide", function ( e ) {
  70         progressbar_running = false;
  71         $("#pending").progress( "running", false );
  72         $("#progressing").progress( "running", false );
  73 });