浏览器使用postMessage实现零延时定时器

23 阅读1分钟

    (function() {
        var timeouts = [];
        var messageName = "zero-timeout-message";

        // 类似setTimeout, 但是仅仅接受一个函数argument, 没有延迟时间参数(永远是0)
        function setZeroTimeout(fn) {
            timeouts.push(fn);
            window.postMessage(messageName, "*");
        }

        function handleMessage(event) {
            if (event.source == window && event.data == messageName) {
                event.stopPropagation();
                if (timeouts.length > 0) {
                    var fn = timeouts.shift();
                    fn();
                }
            }
        }

        window.addEventListener("message", handleMessage, true);

        // Add the one thing we want added to the window object.
        window.setZeroTimeout = setZeroTimeout;
    })();

原文地址: dbaron.org/log/2010030…
作者: David Baron