用于检测小时的事件监听器

Question

我正在做一个简单的脚本来检测它何时是12点,它显示一个特定的div,如果不是它仍然是隐藏的.所以一般的想法是这样的:

function displayDiv() {    
    d = new Date();
    if(12 === d.getHours()){
        idMain.style.display = 'block';
    } else {
        idMain.style.display = 'none';
    }
}

但我希望在事件监听器中这样,当它是那个小时它会自动显示div或隐藏它.就像是:

document.addEventListener(d.getHour() === 12, displayDiv);

或类似的东西但我不知道如何建立参数以获得所需的响应或使其工作.

谢谢

Answer 1

您可以使用a setInterval每分钟运行一次该功能(60000毫秒).

function displayDiv() {    
    d = new Date();
    if(12 === d.getHours()){
        idMain.style.display = 'block';
    } else {
        idMain.style.display = 'none';
    }
}
setInterval(displayDiv, 60000);