在鼠标停留在div上一段时间后，如何调用函数？

var divElement = document.getElementById('yourDivId');
divElement.addEventListener('mouseover', function() {
  // 在这里编写调用函数的代码
});

var divElement = document.getElementById('yourDivId');
divElement.addEventListener('mouseover', function() {
  setTimeout(function() {
    // 在这里编写调用函数的代码
  }, 1000); // 延迟1秒钟后执行函数调用，单位为毫秒
});

var divElement = document.getElementById('yourDivId');
divElement.addEventListener('mouseover', function() {
  setTimeout(function() {
    yourFunction(); // 调用需要执行的函数
  }, 1000); // 延迟1秒钟后执行函数调用，单位为毫秒
});

function yourFunction() {
  // 在这里编写需要执行的函数代码
}