如何防止多页面重复触发从0%到100%的加载动画？

本文共计1060个文字，预计阅读时间需要5分钟。

使用localStorage帮助网站实现记录用户加载状态，无需图片解释，避免啰嗦，不超过100字，直接输出结果：

你遇到的问题本质是：每个 HTML 页面（如 index.html 和 about.html）都是独立加载的，JavaScript 在每次页面刷新/跳转后都会重新执行 counter() 函数，导致加载动画反复播放。而真正的目标并非“禁用动画”，而是 “只在用户首次访问网站时执行一次加载流程，后续页面跳转跳过该过程”。

解决思路非常清晰：利用浏览器的 localStorage 存储一个标记（例如 'loadedOnce': 'true'），在动画完成时写入；每次页面加载时先检查该标记——若已存在，则直接跳过计数器，立即应用动画类；否则执行完整加载逻辑。