如何通过变量实现每秒数值递减？解决setInterval重复输出问题

嗨，我来帮你搞定这个小问题～

你当前的代码之所以每次输出相同数值，核心问题是变量n的作用域不对：你把n的声明放在了setInterval的回调函数内部，这样每次定时器触发时，都会重新创建一个初始值为50的n变量——输出50后它会减1，但这个变量在回调结束后就被销毁了，下次执行回调又会重新生成一个新的n=50，自然每次输出都是一样的。

修改方案：把变量放到定时器外部 #

只需要将n的声明移到setInterval外面，让所有回调共享同一个变量即可：

// 把n放在定时器外部，确保所有回调都引用同一个变量
var n = 50;
var x = setInterval(function() {
    console.log(n--);
    // 可选：当n减到目标值后停止定时器（比如减到0以下）
    if (n < 0) {
        clearInterval(x);
        console.log("定时器已停止");
    }
}, 1000);

更现代的ES6写法 #

如果你的环境支持ES6，可以用let和箭头函数让代码更简洁清晰：

let n = 50;
const x = setInterval(() => {
    console.log(n--);
    if (n < 0) {
        clearInterval(x);
    }
}, 1000);

这样修改后，每次定时器触发时都会使用上一次递减后的n值，就能实现每秒数值递减的效果啦～

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