raf_timer/timer.js at master · miller/raf_timer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
/**
 * @fileoverview 使用requestAnimationFrame重写setInterval和setTimeout
 */
( function(){

	var vendors = [ 'ms', 'moz', 'webkit', 'o' ];
	for( var x = 0; x < vendors.length; ++x ) {
	    window.requestAnimationFrame =
	    	window[ vendors[ x ] + 'RequestAnimationFrame' ];
	    window.cancelRequestAnimationFrame =
	    	window[ vendors[ x ] + 'CancelRequestAnimationFrame' ];
	}

	if( window.requestAnimationFrame ) {
	    window.setInterval = ( function() {
	        var list = [],
	            executer = function( now ){
	                for( var i = 0, len = list.length; i < len; i++ ){
	                    var c = list[ i ];

	                    if( now - c.lastFrame >= c.interval ) {
	                        c.lastFrame = now;
	                        c.callback();
	                    }
	                }
	                timer.__id = window.requestAnimationFrame( executer );
	            },
	            timer = function( callback, interval ) {
	                if( !callback ){
	                    return;
	                }

	                var now = ( new Date() ).getTime(),
	                    // 生成timer ID
	                    id =  now + '_' + Math.random();

	                list.push(
	                    {
	                        id: id,
	                        callback: callback,
	                        lastFrame: now,
	                        interval: interval
	                    }
	                );

	                if( !timer.__id ) {
	                	executer( ( new Date() ).getTime() );
	                }

	                return id;
	            }

	        timer.__list = list;

	        return timer;
	    } )();

	    window.clearInterval = function( id ){
	        var list = window.setInterval.__list;
	        for( var i = 0, len = list.length; i < len; i++ ){
	            var c = list[ i ];

	            if( c.id == id ) {
	                list.splice( i, 1 );
	            }
	        }

	        if( !list.length ) {
	        	window.cancelAnimationFrame( window.setInterval.__id );
	        	window.setInterval.__id = null;
	        }
	    };

	    window.setTimeout = ( function() {
	        // callback数组
	        var list = [],
	            executer = function( now ){
	                for( var i = 0, len = list.length; i < len; i++ ){
	                    var c = list[ i ];

	                    if( now - c.lastFrame >= c.interval ) {
	                        c.callback();
	                        list.splice( i, 1 );
	                    }
	                }

			        if( !list.length ) {
			        	window.cancelAnimationFrame( window.setTimeout.__id );
			        	window.setTimeout.__id = null;
			        	return;
			        }

	                timer.__id = window.requestAnimationFrame( executer );
	            },
	            timer = function( callback, interval ) {
	                if( !callback ){
	                    return;
	                }

	                var now = ( new Date() ).getTime(),
	                    // 生成timer ID
	                    id =  now + '_' + Math.random();

	                list.push(
	                    {
	                        id: id,
	                        callback: callback,
	                        lastFrame: now,
	                        interval: interval
	                    }
	                );

	                if( !timer.__id ) {
	                	executer( ( new Date() ).getTime() );
	                }

	                return id;
	            }

	        timer.__list = list;

	        return timer;
	    } )();

	    window.clearTimeout = function( id ){
	        var list = window.setTimeout.__list;
	        for( var i = 0, len = list.length; i < len; i++ ){
	            var c = list[ i ];

	            if( c.id == id ) {
	                list.splice( i, 1 );
	            }
	        }

	        if( !list.length ) {
	        	window.cancelAnimationFrame( window.setTimeout.__id );
	        	window.setTimeout.__id = null;
	        }
	    };
	}
} )();