setInterval 或 setTimeout 的好（更好）替代品

Question

我有一个带有一些不错的 UI (jQuery) 功能的母版页。这些选项之一是与我嵌入的 YouTube（或其他类似）对象进行交互。在本例中，在每个 setInterval 事件中，嵌入视频都会停止显示新帧（大约一秒钟）。

更多详细信息： 我有一个“宝丽来”画廊（在标题中），其中只有 5 个 100x100 图像（测试：预加载对性能没有影响），并且我的画廊将在一段时间。 （测试：非动画显示：隐藏或显示：阻止对性能没有影响）。

经过一些测试，我得出的结论是，这不是图片的“动画”显示或隐藏，而是间隔本身（因为更改为显示：隐藏或阻止具有相同的结果）。也许这是我的“画廊”“功能”本身......

 function poladroid() {
     if (!galleryHasFocus) {
         if (galleryMax >= 0) {
             galleryCurrent++;

             if (galleryCurrent > galleryMax) {
                 galleryCurrent = 0;
                 showPictures = !showPictures;
             }
             if (showPictures) {
                 $('#pic-' + galleryCurrent.toString()).show("slow");
             }
             else {
                 $('#pic-' + galleryCurrent.toString()).hide("slow");
             }
         }
     }
     if (!intervalSet) {
         window.setInterval("poladroid()", 3000);
         intervalSet = true;
     }
 }

这并不是说我的功能正在做一些非常尴尬的事情，是吗？所以，我想我需要一个更“宽松”的间隔函数..但是有没有选择呢？

噢..差点忘了提一下：FireFox 和 Chrome 的表现相当不错；使用 IE（还有什么）的性能问题最多。

Answer 1

setInterval/setTimeout 是无可替代的 - 这些是在基于 ECMAScript 的浏览器中计时事件的唯一方法。

在这里理解真正的问题并不容易，但我猜你使用 setInterval 触发的任何内容都比它必须的要重（因为它是 jQuery） - 你应该尝试让它更重高效的。

如果您想要易于使用的幻灯片，请查看 http://github.com/oyvindkinsey/JsSlideshow - 它有一个演示 这里

顺便说一句，不要使用文字作为第一个参数要设置超时/设置间隔，请使用函数引用

setInterval(poladroid, 3000);