javascript - 如果 div 颜色改变了 3 秒，请执行某些操作

Question

div 上有一个颜色变化的链式动画，我想做“如果 div 3 秒没有改变颜色，则执行某些操作”如何通过颜色查看时间？

Answer 1

假设您仅调用此函数来更改颜色:

var timeoutId;

function changeColor(el, col, secs) {
    if (timeoutId) {
        clearTimeout(timeoutId);
    }

    // change color logic
    el.style.backgroundColor = col;

    // check
    timeoutId = setTimeout(function() {
        // do something
        alert('color has not changed within ' + secs + ' seconds');
    }, secs * 1000);
}