javascript - div 上课 X 时间后的事件

Question

我需要在 div1 具有“.selected”类 X 秒后使 div2 可见，并在 div1 失去“.selected”类时恢复隐藏。解决这个问题的最佳方法是什么？

Answer 1

您可以使用以下代码向对象添加类名事件监听器以检测更改:

function addClassNameListener(elemId, callback) {
var elem = document.getElementById(elemId);
var lastClassName = elem.className;
window.setInterval( function() {   
   var className = elem.className;
    if (className !== lastClassName) {
        callback();   
        lastClassName = className;
    }
},10);
}

如果您愿意，您可以对其进行调整以查找特定的类名称:)

这是实际操作:

http://jsfiddle.net/gJgmV/5/

编辑:这可能是一个中等强度的函数，因为它基本上是检查类是否每 10 毫秒发生变化。

如果您的情况可行，也许最好向设置类的 onclick 事件添加一个函数。这是一个演示: http://jsfiddle.net/gJgmV/6/