javascript - 与clearInterval相关的问题

Question

我似乎无法让clearInterval 以我认为应该的方式工作。我经历了很多其他例子和问题。在每种情况下，我似乎都在做其他人正在做的事情，除了使用 onkeypress 之外。我还尝试了各种其他按键选项，但没有成功。我也多次翻阅代码，但无济于事。

下面是我一直在使用的基本代码片段，从较大的项目中进行了简化。正如您可能能够看出的那样，我希望它继续打印“poop”，直到按键停止为止。如果我在第一次打印“便便”之前按下按钮，它会停止并打印“停止便便”。如果我等到它打印一次“便便”后，我就无法通过按键让它停止。

请原谅它的污秽性质。

function pooping() {
    document.write("poop ");
}

var pooper = setInterval(pooping, 1000);

document.onkeypress = function() {
    clearInterval(pooper);
    pooper = 0;
    document.write("stopped pooping");
}

Answer 1

相同的代码，没有 document.write() 工作正常:

'use strict';

let target = document.getElementById('target');
function pooping() {
    // Normally would use console.log() here, but wanted the result visible
    // in the snippet.
    target.textContent += "poop ";
}

var pooper = setInterval(pooping, 1000);

document.onkeypress = function() {
    clearInterval(pooper);
    pooper = 0;
    target.textContent += "stopped pooping";
}

<div id="target"></div>