• 不断学习才有回报,学无止境!

javascript生成随机数

javascript技巧 箭翎 934次浏览 0个评论 扫描二维码

生成随机数

看效果:

<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="keywords" />
<meta name="description" content="" />
<style type="text/css">

*{margin:0px;padding:0px;}
.box{
width: 150px;
float: left;
border: 2px solid #888;
margin-right: 30px;
height: 50px;
}
#layer{
font-family: Verdana;
font-size:39px;
color: #888;
}
#btn{
float: left;
font-family: arial;
color: #14396A !important;
font-size: 20px;
background: #63B8EE none repeat scroll 0% 0%;
margin-top: 5px;
padding: 5px 7px;
}
</style>

</head>

<body>

<div class="box">
<span id="layer">000000</span>
</div>
<div>
<input type="button" value='生成随机数' id="btn"/>
</div>

<script type="text/<a href="https://blog.21121.net/tag/javascript" title="查看更多关于javascript的文章" target="_blank">javascript</a>">

var rand_btn = document.getElementById("btn");
rand_btn.onclick = function(){
Lottery();
clock = setTimeout('clearTimeout(T)',1000);
}
function Lottery() {
var Num = Math.floor((Math.random() * 900000 + 100000));
var result = document.getElementById("layer");
if (result != null) {
result.innerHTML = Num;
}
T = setTimeout('Lottery()', 10);
}

</script>
</body>
</html>


箭翎 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明javascript生成随机数
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址