@cataract6545/tmui/components/tm-statistic/requestAnimationFrame.ts

tm-vuetify是一个新势力由主题驱动的UI组件库,相比其它优势大,组件全,设计趋势紧跟未来。具有主题生成，主题实时切换，暗黑实时切换,lottie动画,图表等新颖功能,tmui TMUI

let lastTime = 0
const prefixes = 'webkit moz ms o'.split(' ') // 各浏览器前缀
let requestAnimationFrame: Function = null
let cancelAnimationFrame: Function = null
let prefix: string = ''
// #ifdef H5
requestAnimationFrame = window.requestAnimationFrame
cancelAnimationFrame = window.cancelAnimationFrame
// 通过遍历各浏览器前缀，来得到requestAnimationFrame和cancelAnimationFrame在当前浏览器的实现形式
for (let i = 0; i < prefixes.length; i++) {
	if (requestAnimationFrame && cancelAnimationFrame) {
		break
	}
	prefix = prefixes[i]
	requestAnimationFrame = requestAnimationFrame || window[prefix + 'RequestAnimationFrame']
	cancelAnimationFrame = cancelAnimationFrame || window[prefix + 'CancelAnimationFrame'] || window[prefix +
		'CancelRequestAnimationFrame']
}
// #endif



// 如果当前浏览器不支持requestAnimationFrame和cancelAnimationFrame，则会退到setTimeout
if (!requestAnimationFrame || !cancelAnimationFrame) {
	requestAnimationFrame = function (callback) {
		const currTime = new Date().getTime()
		// 为了使setTimteout的尽可能的接近每秒60帧的效果
		const timeToCall = Math.max(0, 16 - (currTime - lastTime))
		const id = setTimeout(() => {
			callback(currTime + timeToCall)
		}, timeToCall)
		lastTime = currTime + timeToCall
		return id
	}

	cancelAnimationFrame = function (id) {
		clearTimeout(id)
	}
}

export {
	requestAnimationFrame,
	cancelAnimationFrame
}