随机产生一个四位数字的验证码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      span {
        display: inline-block;
        padding: 6px;
        background-color: #ddd;
        letter-spacing: 2px;
      }
    </style>
  </head>
  <body>
    <span id="s"></span>
    <button id="btn">刷新验证码</button>
    <script>
      // 函数功能 随机生成4位数字验证码
      function code(n) {
        n = n || 4;
        var res = "";
        for (var i = 0; i < n; i++) {
          var n1 = rand(0, 9);
          res += n1;
        }
        return res;
      }

      // document.write(code())
      $("s").innerHTML = code();

      $("btn").onclick = function () {
        $("s").innerHTML = code();
      };

      function rand(min, max) {
        return min + parseInt(Math.random() * (max - min + 1));
      }
      function $(id) {
        return document.getElementById(id);
      }
    </script>
  </body>
</html>
posted @   干饭吧  阅读(233)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示