纯JavaScript实现订阅数计数器（无需jQuery）

嘿，你的实现思路完全没问题，但代码里有几个小细节需要调整才能正常跑起来，我来帮你梳理并优化下：

原代码的几个小问题 #

• 调用getElementById时忘了加document.前缀，这个方法是属于document对象的，直接写会报错找不到方法哦
• innerHTML是元素的属性，不是函数，不能用ftr.innerHTML(subs)这种调用写法，得改成赋值形式ftr.innerHTML = subs
• 你把HTML的<footer>标签混进JS代码块里了，得把它放到页面的HTML结构里，和JS代码分开存放

修正后的完整可运行代码 #

页面HTML结构 #

<footer id="subscribers">663965</footer>

JavaScript逻辑 #

window.onload = function () {
  // 用let声明变量，遵循现代JS规范
  let subs = 663965;
  // 提前获取DOM元素，避免定时器每次都重复查找，提升性能
  const subscriberElement = document.getElementById('subscribers');
  
  setInterval(function() {
    subs++;
    subscriberElement.innerHTML = subs;
  }, 3000);
}

额外的小优化建议 #

如果想让订阅数增长更贴近真实场景，可以改成随机增长数值，而不是固定每次加1，比如每次随机加1-5个：

setInterval(function() {
  // 生成1到5的随机整数，加到订阅数上
  subs += Math.floor(Math.random() * 5) + 1;
  subscriberElement.innerHTML = subs;
}, 3000);

这样调整后，你的订阅数计数器就能正常工作啦😉

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