0.6.x/js/01_core/14_XTimer.js

   1 /**\r
   2  * use X.Callback\r
   3  */\r
   4 \r
   5 /*\r
   6  * \r
   7  * http://please-sleep.cou929.nu/script-yielding-with-setimmediate.html\r
   8  * setImmediate での script yielding\r
   9  * \r
  10  * http://ie.microsoft.com/testdrive/Performance/setImmediateSorting/Default.html\r
  11  * setImmediate API\r
  12  * \r
  13  * if( timer < 4ms ) useSetImmediate\r
  14  * \r
  15  *         if (window.msSetImmediate)\r
  16         {\r
  17             this.timer = msSetImmediate(function () { t.stepper(); });        \r
  18         }\r
  19         else if (window.MozSetImmediate)\r
  20         {\r
  21             this.timer = MozSetImmediate(function () { t.stepper(); });        \r
  22         }\r
  23         else if (window.WebkitSetImmediate) {\r
  24             this.timer = WebkitSetImmediate(function () { t.stepper(); });\r
  25         }\r
  26         else if (window.OSetImmediate)\r
  27         {\r
  28             this.timer = OSetImmediate(function () { t.stepper(); });        \r
  29         }\r
  30  */\r
  31 \r
  32 \r
  33 // ------------------------------------------------------------------------- //\r
  34 // ------------ local variables -------------------------------------------- //\r
  35 // ------------------------------------------------------------------------- //\r
  36 \r
  37 var X_Timer_now = Date.now || function(){ return +new Date; },\r
  38 \r
  39         X_Timer_SET_TIMEOUT   = window.setTimeout,\r
  40         X_Timer_CLEAR_TIMEOUT = window.clearTimeout,\r
  41 \r
  42         // http://uupaa.hatenablog.com/entry/2012/02/01/083607\r
  43         // Firefox 4 partial (request only), Mobile Firefox5 ready (request only), Firefox 11 ready (cancel impl)       \r
  44         X_Timer_REQ_ANIME_FRAME =\r
  45                 window.requestAnimationFrame ||\r
  46                 window.webkitRequestAnimationFrame ||\r
  47                 window.mozRequestAnimationFrame ||\r
  48                 window.oRequestAnimationFrame ||\r
  49                 window.msRequestAnimationFrame ||\r
  50                 false,\r
  51 \r
  52         X_Timer_CANCEL_ANIME_FRAME =\r
  53                 window.cancelRequestAnimationFrame ||\r
  54                 window.webkitCancelAnimationFrame ||\r
  55                 window.webkitCancelRequestAnimationFrame ||\r
  56                 window.mozCancelRequestAnimationFrame ||\r
  57                 window.oCancelRequestAnimationFrame ||\r
  58                 window.msCancelRequestAnimationFrame ||\r
  59                 false,\r
  60                 \r
  61         X_Timer_INTERVAL_TIME  = 16,\r
  62         X_Timer_TICKET_LIST    = [],\r
  63         X_Timer_removal        = null,\r
  64         X_Timer_skipUpdate     = false,\r
  65         X_Timer_uid            = 0,\r
  66         X_Timer_timerId        = 0,\r
  67         X_Timer_busyTimeout    = false,\r
  68         X_Timer_timeStamp      = 0, // setTimeout に登録した時間\r
  69         X_Timer_waitTime       = 0,     // 待ち時間\r
  70         X_Timer_currentUID     = 0, // 現在発火中の uid\r
  71         \r
  72         X_Timer_REQ_FRAME_LIST = [],\r
  73         X_Timer_requestID      = 0,\r
  74         X_Timer_busyOnFrame    = false;\r
  75 \r
  76 // ------------------------------------------------------------------------- //\r
  77 // --- interface ----------------------------------------------------------- //\r
  78 // ------------------------------------------------------------------------- //\r
  79 X.Timer = {\r
  80         \r
  81         now : X_Timer_now,\r
  82         \r
  83         add : function( time, opt_count, args1, args2, args3 ){\r
  84                 var list = X_Timer_TICKET_LIST,\r
  85                         hash, obj;\r
  86                 time = time < X_Timer_INTERVAL_TIME ? 1 : time / X_Timer_INTERVAL_TIME | 0; // 正の数で使える「Math.floor(x)」を「(x | 0)」に;\r
  87                 \r
  88                 if( !X.Type.isNumber( opt_count ) ){\r
  89                         args3 = args2;\r
  90                         args2 = args1;\r
  91                         args1 = opt_count;\r
  92                         opt_count = 0;\r
  93                 };\r
  94                 \r
  95                 hash = X_Callback_classifyCallbackArgs( args1, args2, args3 );\r
  96                 if( !hash ) return -1; // dev only\r
  97                 \r
  98                 if( !hash.k ) hash = { f : hash };\r
  99                 hash.time  = time;\r
 100                 hash.last  = time;\r
 101                 hash.count = opt_count;\r
 102                 hash.uid   = ++X_Timer_uid;\r
 103                 list[ list.length ] = hash;\r
 104                 \r
 105             !X_Timer_busyTimeout && X_Timer_update();\r
 106             return X_Timer_uid;\r
 107         },\r
 108         \r
 109         once : function( time, args1, args2, args3 ){\r
 110                 return X.Timer.add( time, 1, args1, args2, args3 );\r
 111         },\r
 112         \r
 113         remove : function( uid ){\r
 114                 var list = X_Timer_TICKET_LIST,\r
 115                         i    = list.length,\r
 116                         l    = i,\r
 117                         f, q;\r
 118                 // fire 中の cancel\r
 119                 if( X_Timer_busyTimeout ){\r
 120                         if( !X_Timer_removal ) X_Timer_removal = {};\r
 121                         X_Timer_removal[ uid ] = true;\r
 122                 } else {\r
 123                         for( ; i; ){\r
 124                                 if( ( q = list[ --i ] ).uid === uid ){\r
 125                                         list.splice( i, 1 );\r
 126                                         !X_Timer_skipUpdate && ( q.last <= X_Timer_waitTime || l === 1 ) && X_Timer_update();\r
 127                                         break;\r
 128                                 };\r
 129                         };                              \r
 130                 };\r
 131         },\r
 132         \r
 133         requestFrame : X_Timer_REQ_ANIME_FRAME ?\r
 134                 (function( args1, args2, args3 ){\r
 135                         var i = X_Timer_REQ_FRAME_LIST.length,\r
 136                                 f;\r
 137                         i === 0 && ( X_Timer_requestID = X_Timer_REQ_ANIME_FRAME( X_Timer_onEnterFrame ) );\r
 138                         f = X_Timer_REQ_FRAME_LIST[ i ] = X_Callback_classifyCallbackArgs( args1, args2, args3 );\r
 139                         return f.uid = ++X_Timer_uid;\r
 140                 }) :\r
 141                 (function( args1, args2, args3 ){\r
 142                         var i = X_Timer_REQ_FRAME_LIST.length,\r
 143                                 f;\r
 144                         i === 0 && ( X_Timer_requestID = X.Timer.add( 0, 1, X_Timer_onEnterFrame ) );\r
 145                         f = X_Timer_REQ_FRAME_LIST[ i ] = X_Callback_classifyCallbackArgs( args1, args2, args3 );\r
 146                         return f.uid = ++X_Timer_uid;\r
 147                 }),\r
 148         \r
 149         cancelFrame : X_Timer_CANCEL_ANIME_FRAME ?\r
 150                 (function( uid ){\r
 151                         var list = X_Timer_REQ_FRAME_LIST,\r
 152                                 l    = list.length,\r
 153                                 i    = l,\r
 154                                 f;\r
 155                         // fire 中の cancel\r
 156                         if( X_Timer_busyOnFrame ){\r
 157                                 if( !X_Timer_removal ) X_Timer_removal = {};\r
 158                                 X_Timer_removal[ uid ] = true;\r
 159                         } else {\r
 160                                 for( ; i; ){\r
 161                                         if( ( f = list[ --i ] ).uid < uid ) break;\r
 162                                         if( f.uid === uid ){\r
 163                                                 list.splice( i, 1 );\r
 164                                                 // gecko では無い場合がある\r
 165                                                 l === 1 && X_Timer_CANCEL_ANIME_FRAME && X_Timer_CANCEL_ANIME_FRAME( X_Timer_requestID );\r
 166                                                 break;\r
 167                                         };\r
 168                                 };                              \r
 169                         };\r
 170                 }) :\r
 171                 (function( uid ){\r
 172                         var list = X_Timer_REQ_FRAME_LIST,\r
 173                                 l    = list.length,\r
 174                                 i    = l,\r
 175                                 f;\r
 176                         // fire 中の cancel\r
 177                         if( X_Timer_busyOnFrame ){\r
 178                                 if( !X_Timer_removal ) X_Timer_removal = {};\r
 179                                 X_Timer_removal[ uid ] = true;\r
 180                         } else {\r
 181                                 for( ; i; ){\r
 182                                         if( ( f = list[ --i ] ).uid < uid ) break;\r
 183                                         if( f.uid === uid ){\r
 184                                                 list.splice( i, 1 );\r
 185                                                 l === 1 && X.Timer.remove( X_Timer_requestID );\r
 186                                                 break;\r
 187                                         };\r
 188                                 };\r
 189                         };\r
 190                 })\r
 191         \r
 192 };\r
 193 \r
 194 // ------------------------------------------------------------------------- //\r
 195 // --- implements ---------------------------------------------------------- //\r
 196 // ------------------------------------------------------------------------- //\r
 197 \r
 198 if( X_UA.IE4 || X_UA.MacIE ){\r
 199         X.Timer[ '_' ] = X_Timer_onTimeout;\r
 200         X_Timer_onTimeout = 'X.Timer._()';\r
 201 };\r
 202 \r
 203 function X_Timer_onTimeout(){\r
 204         var now   = X_Timer_now(),\r
 205                 minus = ( ( now - X_Timer_timeStamp ) / X_Timer_INTERVAL_TIME | 0 ) || 1,\r
 206                 list  = X_Timer_TICKET_LIST,\r
 207                 i     = 0,\r
 208                 l     = list.length,\r
 209                 limit = now + X_Timer_INTERVAL_TIME / 2,\r
 210                 heavy,\r
 211                 q, f, c, r, uid;\r
 212         \r
 213         //console.log( '予定時間と発火時間の差:' + ( now - X_Timer_timeStamp - X_Timer_waitTime * X_Timer_INTERVAL_TIME ) + ' -:' + minus + ' next:' + X_Timer_waitTime );\r
 214         \r
 215         if( X_Timer_busyTimeout ){\r
 216                 alert( 'X_Timer_busyTimeout フラグが立ったまま!エラーの可能性' );\r
 217         };\r
 218         \r
 219         X_Timer_busyTimeout = true;\r
 220         \r
 221     for( ; i < l; ++i ){\r
 222         q = list[ i ];\r
 223         if(\r
 224                 ( X_Timer_removal && X_Timer_removal[ q.uid ] ) || // timerId は remove 登録されている\r
 225                         0 < ( q.last -= minus ) || // 時間が経過していない\r
 226                         heavy && ( q.last = 1 ) // 時間は経過したが、ヘビーフラグが立っている\r
 227                 ){\r
 228                         continue;\r
 229                 };\r
 230                 c = q.count;\r
 231                 \r
 232                 X_Timer_currentUID = q.uid;\r
 233                 \r
 234                 if( q.k ){\r
 235                         r = X_Callback_proxyCallback( q, [] );\r
 236                 } else {\r
 237                         r = q.f();\r
 238                 };\r
 239                 \r
 240                 //console.log( 'fire....' );\r
 241                 \r
 242                 if( limit <= X_Timer_now() ){\r
 243                         //console.log( '******* heavy!' );\r
 244                         // 関数の実行に時間がかかる場合、次のタイミングに\r
 245                         heavy = true;\r
 246                 };\r
 247                 \r
 248                 if( r & X_Callback_UN_LISTEN || c === 1 ){\r
 249                         list.splice( i, 1 );\r
 250                         --i;\r
 251                         --l;\r
 252                         continue;\r
 253                 } else\r
 254                 if( 1 < c ) --q.count;\r
 255                 q.last = q.time;\r
 256     };\r
 257     X_Timer_timerId     = X_Timer_currentUID = 0;\r
 258     X_Timer_busyTimeout = false;\r
 259     \r
 260     if( X_Timer_removal ){\r
 261         X_Timer_skipUpdate = true;\r
 262         for( uid in X_Timer_removal ){\r
 263                 //if( X_EMPTY_OBJECT[ uid ] ) continue;\r
 264                 X.Timer.remove( uid );\r
 265         };\r
 266         X_Timer_skipUpdate = false;\r
 267         X_Timer_removal = null;\r
 268     };\r
 269     X_Timer_update();\r
 270 };\r
 271 \r
 272 function X_Timer_update(){\r
 273         var list = X_Timer_TICKET_LIST,\r
 274                 i    = list.length,\r
 275                 n;\r
 276         if( i === 0 ){\r
 277                 X_Timer_timerId && X_Timer_CLEAR_TIMEOUT( X_Timer_timerId );\r
 278                 X_Timer_timerId = 0;\r
 279                 return;\r
 280         };\r
 281         \r
 282         1 < i && list.sort( X_Timer_compareQueue );\r
 283         \r
 284     n = list[ i - 1 ].last;\r
 285     \r
 286     if( n < X_Timer_waitTime || X_Timer_timerId === 0 ){\r
 287         if( X_Timer_timerId ){\r
 288                 X_Timer_CLEAR_TIMEOUT( X_Timer_timerId );\r
 289                 n -= ( X_Timer_now() - X_Timer_timeStamp ) / X_Timer_INTERVAL_TIME | 0;\r
 290                 0 <= n || ( n = 0 ); // 負の数は 0 に\r
 291         };\r
 292         X_Timer_timeStamp = X_Timer_now();\r
 293         X_Timer_timerId   = X_Timer_SET_TIMEOUT( X_Timer_onTimeout, X_Timer_INTERVAL_TIME * n );\r
 294         X_Timer_waitTime  = n;\r
 295     };\r
 296 };\r
 297 \r
 298 // 大きい -> 小さい\r
 299 function X_Timer_compareQueue( a, b ){\r
 300         return a.last < b.last ? 1 : a.last === b.last ? 0 : -1;\r
 301 };\r
 302 \r
 303 // http://havelog.ayumusato.com/develop/javascript/e528-ios6_scrolling_timer_notcall.html\r
 304 // iOS6 スクロール中のタイマー発火絡みのバグ備忘\r
 305 if( X_UA.iOS ){\r
 306         window.addEventListener( 'scroll', function(){\r
 307                 var last, now;\r
 308                 if( X_Timer_timerId ){\r
 309                         X_Timer_CLEAR_TIMEOUT( X_Timer_timerId );\r
 310                         now               = X_Timer_now();\r
 311                         last              = X_Timer_timeStamp + X_Timer_INTERVAL_TIME * X_Timer_waitTime - now;\r
 312                         X_Timer_timerId   = X_Timer_SET_TIMEOUT( X_Timer_onTimeout, 0 < last ? last : 0 );\r
 313                         // 更新\r
 314                         X_Timer_timeStamp = now;\r
 315                         X_Timer_waitTime  = last / X_Timer_INTERVAL_TIME | 0;\r
 316                 };\r
 317         });\r
 318 };\r
 319 \r
 320 \r
 321 // ページを読み込んでからの時間\r
 322 function X_Timer_onEnterFrame( time ){\r
 323         var list = X_Timer_REQ_FRAME_LIST,\r
 324                 l    = list.length,\r
 325                 i    = 0, q, uid, args;\r
 326 \r
 327         time = time || X_Timer_now();\r
 328         X_Timer_busyOnFrame = true;\r
 329         // console.log( X_Timer_now() + ' , ' + time );\r
 330     for( ; i < l; ++i ){\r
 331         q = list[ i ];\r
 332         \r
 333         if( X_Timer_removal && X_Timer_removal[ q.uid ] ) continue;\r
 334         \r
 335                 if( q.k ){\r
 336                         X_Callback_proxyCallback( q, args || ( args = [ time ] ) );\r
 337                 } else {\r
 338                         q( time );\r
 339                 };\r
 340     };\r
 341 \r
 342     list.splice( 0, l );\r
 343     if( list.length ){\r
 344         X_Timer_requestID = X_Timer_REQ_ANIME_FRAME ? X_Timer_REQ_ANIME_FRAME( X_Timer_onEnterFrame ) : X.Timer.add( 0, 1, X_Timer_onEnterFrame );\r
 345     };\r
 346     \r
 347     X_Timer_busyOnFrame = false;\r
 348     if( X_Timer_removal ){\r
 349         for( uid in X_Timer_removal ){\r
 350                 //if( X_EMPTY_OBJECT[ uid ] ) continue;\r
 351                 X.Timer.cancelFrame( X_Timer_removal[ uid ] );\r
 352         };\r
 353         X_Timer_removal = null;\r
 354     };\r
 355 };\r
 356 \r
 357 console.log( 'X.Core.Timer' );\r