为什么 javascript 中的 setInterval 无法正常工作

Why the setInterval in javascript does not work properly

本文关键字：常工作 工作 javascript 中的 setInterval 为什么      更新时间：2023-09-26
<html>
<head>
<script>
window.onload = function(){
    setTimeout(function(){
        alert("hi");    
    }, 4000);
    var time = 0;
    var para = document.getElementsByTagName("p");
    setInterval(function(){
        time += 1;
        para[0].innerHTML = time;
    },1);
}
</script>
</head>
<body>
<p></p>
</body>
</html>

这是我的代码，我想计算显示警报的时间量，我预计它是 4000，但它仅在 9 秒后变为 4xx。为什么会这样？

setInterval不是

很精确。它所做的唯一保证是调用之间的时间大于或等于经过的间隔。在您的情况下，主要问题之一是最小间隔实际上被指定为 4 毫秒。

您可以使用new Date().getTime()（或Date.now()，给定支持）获得完全准确的测量 - 这是以毫秒为单位，并且通常是您在执行与测量时间（甚至大多数动画，只是因为它更简单）相关的任何事情时应该使用的测量。

为了扩展我在评论中所说的内容，这应该有效：

setTimeout(function(){
    alert("hi");    
}, 4000);
var startTime = new Date();
var para = document.getElementsByTagName("p");
setInterval(function(){
    var timeElapsed = new Date() - startTime;
    para[0].innerHTML = timeElapsed;
},1);

现在，即使您不是每毫秒都进入，而是每 28 毫秒输入一次，您的时间显示也会保持正确。

相关文章：