TOTP动态验证码纯前端网页生成源码

项目介绍：纯网页版TOTP动态验证码生成器

纯网页版TOTP动态验证码生成器是一款基于浏览器的动态口令工具，遵循 TOTP 时间同步算法，实现类似「两步验证」的六位动态验证码生成。整个逻辑完全由前端完成，密钥仅保存在本地浏览器中，不依赖服务器端计算，适合作为个人或团队的辅助安全工具。

页面内置实时 30 秒倒计时 可视化进度条，每个时间周期自动刷新验证码，无需注册账号、无需登录，只要打开网页、输入密钥即可开始使用，真正做到即开即用、轻量高效。

功能特点：

• 纯前端实现：所有计算都在浏览器本地完成，密钥不上传服务器，降低泄露风险。

• TOTP动态验证码：基于时间的一次性密码算法，按 30 秒周期滚动生成 6 位动态验证码。

• 可视化倒计时：内置倒计时进度展示，直观看到当前验证码剩余有效时间。

• 无需注册配置简单：打开网页、填入密钥即可生成验证码，无账号体系，使用门槛低。

• 纯网页跨平台：只要有现代浏览器即可使用，兼容常见桌面和移动设备。

使用说明：

• 在支持 TOTP 的服务（如部分后台、工具或自建系统）中获取或生成一组密钥。

• 打开本工具网页，将密钥按要求填入密钥输入区域。

• 确认后即可看到当前周期的 6 位动态验证码以及 30 秒倒计时指示。

• 在目标系统中输入对应验证码即可完成二次验证或登录校验。

安全与隐私说明：

• 密钥不出本地：工具采用纯前端实现，不向任何服务器提交密钥信息。

• 适合自托管：可将页面部署到个人网站或内网环境中，自行掌控访问与安全。

• 开源可审计：前端代码可自行查看与二次开发，便于安全审计与定制。

适用场景：

• 为自建网站、管理后台或内部工具增加 TOTP 二次验证能力。

• 替代本地客户端或手机 App，用浏览器快速生成动态验证码。

• 作为前端安全与 TOTP 算法实现的学习示例，用于教学与研究。

图片演示：