您的位置：首页 > 产品设计 > UI/UE

生成32位,16进制的UUID

2017-11-21 18:27 585 查看

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title>生成32位，16进制的UUID</title>
</head>
<body bgcolor="#4395FF">

<style>

#content{
color:#FF0;
text-align:center;
text-shadow:2px 2px 2px #0000FF,3px 3px 5px red;

}

.sty {
text-align:center;
cursor:pointer;
line-height:50px;
margin:0 auto;
width:50%;
background-color:#71D38C;
border-radius:5px;
color:#FFF;
font-size:30px;
font-weight:bold;
box-shadow:3px 3px 5px #333333;
text-shadow:2px 2px 2px #FAB702,3px 3px 3px #0000FF,3px 3px 3px #0F0;

}

</style>
<script type="text/javascript">
function getUuid (len, radix) {
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('');
};

function s(){
document.getElementById("content").innerText=getUuid(32,16);

}
</script>

<h1 id="content"></h1>

<div class="sty" onClick="s()">点击生成UUID</div>
</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航