效果图如下: 

    

    

    

    

    页面代码:

    

    <div class="form-item form-width-in fr">
      <label>产 品 编 码</label>
      <input type="text" id="product_code" name="product_code" value="" class="field fwidth" placeholder="获取随机编码">
      <a onclick="hq();" class="mailbox" style="cursor:pointer;">获取</a>
    </div>

    js代码:

    

    <script type="text/javascript">
      function hq(){
      //声明一个随机数变量,默认为1
      var GetRandomn = 1;
      //js生成时间戳
      var timestamp=new Date().getTime();
      //获取随机范围内数值的函数
        function GetRandom(n){
        //由随机数+时间戳+1组成
        GetRandomn=Math.floor(Math.random()*n+timestamp+1);
        }
      //开始调用,获得一个1-100的随机数
      GetRandom("30");
      //把随机数GetRandomn 赋给 input文本框.根据input的id
      document.getElementById('product_code').value = GetRandomn;
      //调试输出查看
      //alert(GetRandomn);
      }
    </script>

最新文章

  1. openssl evp 对称加密(AES_ecb,ccb)
  2. null、undefined、false、0相等性比较
  3. yum install maven
  4. jQuery 重新温习 遗忘知识点
  5. hdu3060Area2(任意多边形相交面积)
  6. java学习_文件工具类
  7. Android访问C#的WebService要注意的问题
  8. sql server获取当前日期
  9. js中的Call与apply方法
  10. Bootstrap+Knockout.JS+ASP.Net MVC3+PetaPOCO实现CRUD操作
  11. jQuery选择器的分类
  12. 开源方案搭建可离线的精美矢量切片地图服务-3.Mapbox个性化地图定制入门
  13. ArcGIS API for JavaScript 4.x 本地部署之Nginx法
  14. CentOS-07安装Redis学习笔记
  15. 洛谷.2234.[HNOI2002]营业额统计(Splay)
  16. 阿里云 putty链接服务器出现 server refused our key
  17. 使用overflow:hidden处理元素溢出和坍塌
  18. vsftpd搭建ftp服务,并实现虚拟用户访问
  19. 使用flume抓取tomcat的日志文件下沉到kafka消费
  20. iOS开发多线程篇 05 —GCD介绍

热门文章

  1. 关于代码调试de那些事
  2. golang sort包 排序
  3. Crypto另外两段加密解密的代码
  4. 关于Java基础的一些笔试题总结
  5. react jsx 数组变量的写法
  6. Loadrunner IP欺骗
  7. c程序设计语言第一章1
  8. js 日期 (10 + &#39;&#39;).length == 10 ? &#39;0&#39; + 10 : 10;
  9. C#语言 循环语句
  10. mac系统下为emacs设置中文字体,解决乱码问题