7 * http://please-sleep.cou929.nu/script-yielding-with-setimmediate.html
\r
8 * setImmediate での script yielding
\r
10 * http://ie.microsoft.com/testdrive/Performance/setImmediateSorting/Default.html
\r
13 * if( timer < 4ms ) useSetImmediate
\r
15 * if (window.msSetImmediate)
\r
17 this.timer = msSetImmediate(function () { t.stepper(); });
\r
19 else if (window.MozSetImmediate)
\r
21 this.timer = MozSetImmediate(function () { t.stepper(); });
\r
23 else if (window.WebkitSetImmediate) {
\r
24 this.timer = WebkitSetImmediate(function () { t.stepper(); });
\r
26 else if (window.OSetImmediate)
\r
28 this.timer = OSetImmediate(function () { t.stepper(); });
\r
33 // ------------------------------------------------------------------------- //
\r
34 // ------------ local variables -------------------------------------------- //
\r
35 // ------------------------------------------------------------------------- //
\r
37 var X_Timer_now = Date.now || function(){ return +new Date; },
\r
39 X_Timer_SET_TIMEOUT = window.setTimeout,
\r
40 X_Timer_CLEAR_TIMEOUT = window.clearTimeout,
\r
42 X_Timer_REQ_ANIME_FRAME =
\r
43 window.requestAnimationFrame ||
\r
44 window.webkitRequestAnimationFrame ||
\r
45 window.mozRequestAnimationFrame ||
\r
46 window.oRequestAnimationFrame ||
\r
47 window.msRequestAnimationFrame ||
\r
49 X_Timer_CANCEL_ANIME_FRAME =
\r
50 window.cancelRequestAnimationFrame ||
\r
51 window.webkitCancelAnimationFrame ||
\r
52 window.webkitCancelRequestAnimationFrame ||
\r
53 window.mozCancelRequestAnimationFrame ||
\r
54 window.oCancelRequestAnimationFrame ||
\r
55 window.msCancelRequestAnimationFrame ||
\r
58 X_Timer_INTERVAL_TIME = 16,
\r
59 X_Timer_TICKET_LIST = [],
\r
60 X_Timer_removal = null,
\r
61 X_Timer_skipUpdate = false,
\r
63 X_Timer_timerId = 0,
\r
64 X_Timer_busyTimeout = false,
\r
65 X_Timer_timeStamp = 0, // setTimeout に登録した時間
\r
66 X_Timer_waitTime = 0, // 待ち時間
\r
68 X_Timer_REQ_FRAME_LIST = [],
\r
69 X_Timer_requestID = 0,
\r
70 X_Timer_busyOnFrame = false;
\r
72 // ------------------------------------------------------------------------- //
\r
73 // --- interface ----------------------------------------------------------- //
\r
74 // ------------------------------------------------------------------------- //
\r
79 add : function( time, opt_count, args1, args2, args3 ){
\r
80 var list = X_Timer_TICKET_LIST,
\r
82 time = time < X_Timer_INTERVAL_TIME ? 1 : time / X_Timer_INTERVAL_TIME | 0; // 正の数で使える「Math.floor(x)」を「(x | 0)」に;
\r
84 if( !X.Type.isNumber( opt_count ) ){
\r
91 hash = X_Callback_classifyCallbackArgs( args1, args2, args3 );
\r
92 if( !hash ) return -1; // dev only
\r
94 if( !hash.k ) hash = { f : hash };
\r
97 hash.count = opt_count;
\r
98 hash.uid = ++X_Timer_uid;
\r
99 list[ list.length ] = hash;
\r
101 !X_Timer_busyTimeout && X_Timer_update();
\r
102 return X_Timer_uid;
\r
105 once : function( time, args1, args2, args3 ){
\r
106 return X.Timer.add( time, 1, args1, args2, args3 );
\r
109 remove : function( uid ){
\r
110 var list = X_Timer_TICKET_LIST,
\r
115 if( X_Timer_busyTimeout ){
\r
116 if( !X_Timer_removal ) X_Timer_removal = {};
\r
117 X_Timer_removal[ uid ] = true;
\r
120 if( ( q = list[ --i ] ).uid === uid ){
\r
121 list.splice( i, 1 );
\r
122 !X_Timer_skipUpdate && ( q.last <= X_Timer_waitTime || l === 1 ) && X_Timer_update();
\r
129 requestFrame : X_Timer_REQ_ANIME_FRAME ?
\r
130 (function( args1, args2, args3 ){
\r
131 var i = X_Timer_REQ_FRAME_LIST.length,
\r
133 i === 0 && ( X_Timer_requestID = X_Timer_REQ_ANIME_FRAME( X_Timer_onEnterFrame ) );
\r
134 f = X_Timer_REQ_FRAME_LIST[ i ] = X_Callback_classifyCallbackArgs( args1, args2, args3 );
\r
135 return f.uid = ++X_Timer_uid;
\r
137 (function( args1, args2, args3 ){
\r
138 var i = X_Timer_REQ_FRAME_LIST.length,
\r
140 i === 0 && ( X_Timer_requestID = X.Timer.add( 0, 1, X_Timer_onEnterFrame ) );
\r
141 f = X_Timer_REQ_FRAME_LIST[ i ] = X_Callback_classifyCallbackArgs( args1, args2, args3 );
\r
142 return f.uid = ++X_Timer_uid;
\r
145 cancelFrame : X_Timer_CANCEL_ANIME_FRAME ?
\r
147 var list = X_Timer_REQ_FRAME_LIST,
\r
152 if( X_Timer_busyOnFrame ){
\r
153 if( !X_Timer_removal ) X_Timer_removal = {};
\r
154 X_Timer_removal[ uid ] = true;
\r
157 if( ( f = list[ --i ] ).uid < uid ) break;
\r
158 if( f.uid === uid ){
\r
159 list.splice( i, 1 );
\r
160 l === 1 && X_Timer_CANCEL_ANIME_FRAME( X_Timer_requestID );
\r
167 var list = X_Timer_REQ_FRAME_LIST,
\r
172 if( X_Timer_busyOnFrame ){
\r
173 if( !X_Timer_removal ) X_Timer_removal = {};
\r
174 X_Timer_removal[ uid ] = true;
\r
177 if( ( f = list[ --i ] ).uid < uid ) break;
\r
178 if( f.uid === uid ){
\r
179 list.splice( i, 1 );
\r
180 l === 1 && X.Timer.remove( X_Timer_requestID );
\r
189 // ------------------------------------------------------------------------- //
\r
190 // --- implements ---------------------------------------------------------- //
\r
191 // ------------------------------------------------------------------------- //
\r
193 if( X_UA.IE4 || X_UA.MacIE ){
\r
194 X.Timer[ '_' ] = X_Timer_onTimeout;
\r
195 X_Timer_onTimeout = 'X.Timer._()';
\r
198 function X_Timer_onTimeout(){
\r
199 var now = X_Timer_now(),
\r
200 minus = ( ( now - X_Timer_timeStamp ) / X_Timer_INTERVAL_TIME | 0 ) || 1,
\r
201 list = X_Timer_TICKET_LIST,
\r
204 limit = X_Timer_now() + X_Timer_INTERVAL_TIME / 2,
\r
208 //console.log( '予定時間と発火時間の差:' + ( now - X_Timer_timeStamp - X_Timer_waitTime * X_Timer_INTERVAL_TIME ) + ' -:' + minus + ' next:' + X_Timer_waitTime );
\r
210 if( X_Timer_busyTimeout ){
\r
211 alert( 'X_Timer_busyTimeout フラグが立ったまま!エラーの可能性' );
\r
214 X_Timer_busyTimeout = true;
\r
216 for( ; i < l; ++i ){
\r
219 ( X_Timer_removal && X_Timer_removal[ q.uid ] ) || // timerId は remove 登録されている
\r
220 0 < ( q.last -= minus ) || // 時間が経過していない
\r
221 heavy && ( q.last = 1 ) // 時間は経過したが、ヘビーフラグが立っている
\r
229 r = X_Callback_proxyCallback( q, [] );
\r
234 //console.log( 'fire....' );
\r
236 if( limit <= X_Timer_now() ){
\r
237 console.log( '******* heavy!' );
\r
238 // 関数の実行に時間がかかる場合、次のタイミングに
\r
242 if( r & X_Callback_UN_LISTEN || c === 1 ){
\r
243 list.splice( i, 1 );
\r
248 if( 1 < c ) --q.count;
\r
251 X_Timer_timerId = 0;
\r
252 X_Timer_busyTimeout = false;
\r
254 if( X_Timer_removal ){
\r
255 X_Timer_skipUpdate = true;
\r
256 for( uid in X_Timer_removal ){
\r
257 X.Timer.remove( uid );
\r
259 X_Timer_skipUpdate = false;
\r
260 X_Timer_removal = null;
\r
265 function X_Timer_update(){
\r
266 var list = X_Timer_TICKET_LIST,
\r
270 X_Timer_timerId && X_Timer_CLEAR_TIMEOUT( X_Timer_timerId );
\r
271 X_Timer_timerId = 0;
\r
275 1 < i && list.sort( X_Timer_compareQueue );
\r
277 n = list[ i - 1 ].last;
\r
279 if( n < X_Timer_waitTime || X_Timer_timerId === 0 ){
\r
280 if( X_Timer_timerId ){
\r
281 X_Timer_CLEAR_TIMEOUT( X_Timer_timerId );
\r
282 n -= ( X_Timer_now() - X_Timer_timeStamp ) / X_Timer_INTERVAL_TIME | 0;
\r
283 0 <= n || ( n = 0 ); // 負の数は 0 に
\r
285 X_Timer_timeStamp = X_Timer_now();
\r
286 X_Timer_timerId = X_Timer_SET_TIMEOUT( X_Timer_onTimeout, X_Timer_INTERVAL_TIME * n );
\r
287 X_Timer_waitTime = n;
\r
292 function X_Timer_compareQueue( a, b ){
\r
293 return a.last < b.last ? 1 : a.last === b.last ? 0 : -1;
\r
296 // http://havelog.ayumusato.com/develop/javascript/e528-ios6_scrolling_timer_notcall.html
\r
297 // iOS6 スクロール中のタイマー発火絡みのバグ備忘
\r
299 window.addEventListener( 'scroll', function(){
\r
301 if( X_Timer_timerId ){
\r
302 X_Timer_CLEAR_TIMEOUT( X_Timer_timerId );
\r
303 now = X_Timer_now();
\r
304 last = X_Timer_timeStamp + X_Timer_INTERVAL_TIME * X_Timer_waitTime - now;
\r
305 X_Timer_timerId = X_Timer_SET_TIMEOUT( X_Timer_onTimeout, 0 < last ? last : 0 );
\r
307 X_Timer_timeStamp = now;
\r
308 X_Timer_waitTime = last / X_Timer_INTERVAL_TIME | 0;
\r
315 function X_Timer_onEnterFrame( time ){
\r
316 var list = X_Timer_REQ_FRAME_LIST,
\r
318 i = 0, q, uid, args;
\r
320 time = time || X_Timer_now();
\r
321 X_Timer_busyOnFrame = true;
\r
322 // console.log( X_Timer_now() + ' , ' + time );
\r
323 for( ; i < l; ++i ){
\r
326 if( X_Timer_removal && X_Timer_removal[ q.uid ] ) continue;
\r
329 X_Callback_proxyCallback( q, args || ( args = [ time ] ) );
\r
335 list.splice( 0, l );
\r
337 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
340 X_Timer_busyOnFrame = false;
\r
341 if( X_Timer_removal ){
\r
342 for( uid in X_Timer_removal ){
\r
343 X.Timer.cancelFrame( X_Timer_removal[ uid ] );
\r
345 X_Timer_removal = null;
\r
349 console.log( 'X.Core.Timer' );
\r