[JavaScript] 延迟hover/mouseover在一秒内才触发/悬停svg该用什么事件

 test() {
        var timeout = null;
        $('#floor-show-svg').on('mouseover', function () {//svg会冒泡
            clearTimeout(timeout); //首先清除

            timeout = setTimeout(() => {
                console.log('do...');
                clearTimeout(timeout);
            }, 2000); // 设置你要的时间
        });


    }

// emxple 2
// when you need an element disappear after once hover, 
// but mouseover not to trigle hiden
 node.addEventListener('mouseover', changeDefOver);
    node.addEventListener('mouseout', changeDefOut);
    function changeDefOver(event) {
        console.log('over')
        clearTimeout(timeout);
       
    }

    function changeDefOut(event) {
        console.log('out')
        timeout = setTimeout(() => {
            console.log('hide')
            node.style.display = "none";
            showFlag = false;
            localStorage.setItem('warmFlag', showFlag);
            clearTimeout(timeout);
        }, 2000);
    }