js生成guid32位

最新推荐文章于 2025-05-19 08:21:49 发布

恋念思尔悄悄然

最新推荐文章于 2025-05-19 08:21:49 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：我的前端啦

本文链接：https://blog.youkuaiyun.com/sdiudui/article/details/80007021

我的前端啦专栏收录该内容

15 篇文章

订阅专栏

这篇博客分享了如何使用纯JavaScript代码生成32位的GUID，适合前端开发者了解和使用。

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

来来，楼主分享干货了，小伙伴guid的生成纯js，直接上代码

<!DOCTYPE html>
<html>
	<head>
		<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
		<script>
			function getUuid(){
				var len=32;      //32长度
				var radix=16;    //16进制
				var chars='0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
				var uuid=[],i;
				radix=radix || chars.length;
				if(len){
					for(i=0;i<len;i++){
						uuid[i]=chars[0 | Math.random()*radix];
					}
				}else{
					var r;
					uuid[8]=uuid[13]=uuid[18]=uuid[23]='-';
					uuid[14]='4';
					for(i=0;i<36;i++){
						if(!uuid[i]){
							r=0 | Math.random()*16;
							uuid[i]=chars[(i==19)?(r&0x3)|0x8:r];
						}
					}
				}
			   return uuid.join('');
			}    
			
			var id=getUuid();
			document.write('<div style="text-align:center;font-size:24px;margin-top:20%;">'+id+'</div>');
			
			setInterval(function(){
				window.location.reload();
			},10000);
			
			
			<!-- $(document).ready(function(){ -->
				<!-- $("p").click(function(){ -->
					<!-- alert(id); -->
				<!-- }); -->
			<!-- }); -->
		</script>
	</head>
	<body>
		<!-- <p style="cursor:pointer;">点我，生成UUID。</p> -->
	</body>

</html>

喜欢的朋友，给楼主点个赞啊！！！