写了一个模拟中奖信息的代码。
一共有4个随机信息:
- 随机6-10位数的QQ号
- 随机每天的中奖人数
- 随机中奖的奖品
- 今天的随机中奖人数少于前几天的随机数
演示效果:
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="./style.css">
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<div class="title">
<span class="qq">领取QQ</span>
<span class="time">完成时间</span>
<span class="prizes">获得奖励</span>
</div>
<div id="review_box">
<ul id="comment1"></ul>
<ul id="comment2"></ul>
</div>
</body>
<script src="./script.js"></script>
</html>
* {
margin: 0;
padding: 0;
}
#review_box {
width: 600px;
height: 400px;
overflow: hidden;
text-align: left;
padding: 1rem;
margin: 1rem;
}
ul {
list-style: none;