js生成随机编码并赋值给input文本框

最新推荐文章于 2023-01-04 12:38:43 发布

转载最新推荐文章于 2023-01-04 12:38:43 发布 · 845 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/QW-lzm/p/7296666.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的网页应用，用于生成包含随机数的产品编码。通过结合使用JavaScript生成随机数和当前时间戳，确保每次生成的编码都是唯一的。此应用适用于需要快速生成唯一标识符的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　　效果图如下：　

　　　　页面代码：

　　　　<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>