尝试生成0-10随机数时While循环遇10无法终止的问题

你的代码存在几个核心问题，导致无法实现“生成0-10随机数直到出现10才终止”的需求：

• 循环逻辑完全失效：初始的i只在函数开头生成一次，进入while (i < 10)后没有更新i的操作，反而直接return i，循环只会执行一次就结束；如果初始i=10，循环直接跳过，什么都不会执行。
• 异步定时器误用：setInterval是异步执行的，你在循环里直接创建定时器后就返回，根本无法通过循环控制定时器的启停，而且定时器里的document.write会每次覆盖整个页面内容，还存在语法错误（缺少闭合括号）。
• 随机数范围偏差：Math.floor(Math.random() * 10)+1生成的是1-10的随机数，不是你预期的0-10，如果要包含0，应该写成Math.floor(Math.random() * 11)。

修复后的代码 #

如果需求是持续生成随机数，直到出现10时停止，可以这样写：

function testNumber() {
    // 用递归setTimeout替代setInterval，方便控制启停
    function generateNum() {
        const randomNum = Math.floor(Math.random() * 11); // 生成0-10的随机数
        document.write(`Random number: ${randomNum}<br>`); // 用换行避免内容被覆盖
        
        if (randomNum !== 10) {
            setTimeout(generateNum, 1000); // 没生成10就继续执行
        }
    }
    generateNum();
}

function test() {
    testNumber();
}

关键改动说明 #

• 用递归的setTimeout替代setInterval，每次生成随机数后判断是否需要继续执行，精准实现“直到出现10才终止”的逻辑。
• 修正随机数生成公式，确保覆盖0-10的完整范围。
• 添加<br>标签换行，避免每次生成的内容被document.write覆盖。
• 移除无效的while循环，改用异步递归的方式控制流程。

内容的提问来源于stack exchange，提问作者Michael V