若有你的名字,肯定能【随机】到你
来源:互联网 发布:linux kvm 编辑:程序博客网 时间:2024/05/01 12:19
一个简单的喊名程序:着重用了Math.random ------》下次会改进更好
[1].[代码] [JavaScript]代码 跳至 [1] [2]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html lang=
"en"
>
<head>
<meta charset=
"UTF-8"
>
<title>Document</title>
<style>
body,ul{margin: 0;padding: 0;}
#wrap {width: 306px;border: 1px solid blue;margin: 30px auto;}
ul {width: 306px;height: 306px;}
li {float: left;width: 100px;height: 100px;background: black;border: 1px solid green;list-style-type: none;text-align: center;line-height: 100px;color:
#fff;}
</style>
<script>
window.onload=
function
(){
var
oDv = document.getElementById(
'wrap'
);
var
oBtn = document.getElementById(
'btn'
);
var
oSp = document.getElementById(
'sp'
);
var
oUl = oDv.getElementsByTagName(
'ul'
)[0];
var
aLiUl = oUl.getElementsByTagName(
'li'
);
var
arrText=[
'李文凯'
,
'李强强'
,
'张晓光'
,
'刘迎春'
,
'张笑雨'
,
'高洛峰'
,
'赵同正'
,
'漠南'
,
'良泉'
];
var
timer =
null
;
var
onOff=
true
;
//alert(arrText.length)
for
(
var
i=0;i<arrText.length;i++){
}
oBtn.onclick=
function
(){
clearInterval(timer);
}
//alert(aLiUl.length)
function
getRandomNumber(rmin,rmax){
var
cha = rmax-rmin;
var
rand = Math.random();
return
rmin+Math.round(cha*rand);
}
timer=setInterval(
function
(){
var
areNumber=getRandomNumber(0,8);
//aLiUl[4].innerHTML=areNumber;
changeColorLi()
function
changeColorLi(){
change=areNumber
for
(
var
i=0;i<aLiUl.length;i++){
aLiUl[i].innerHTML=arrText[i];
for
(
var
j=0;j<aLiUl.length;j++){
aLiUl[j].style.backgroundColor=
'black'
}
aLiUl[change].style.backgroundColor=
'red'
;
if
(change==4){
oSp.innerHTML=
'随机到了'
+
"【"
+arrText[change]+
"】"
+
'工程师'
;
}
else
if
(change==3){
oSp.innerHTML=
'随机到了'
+
"【"
+arrText[change]+
"】"
+
'美女'
;
}
else
{
oSp.innerHTML=
'随机到了'
+
"【"
+arrText[change]+
"】"
+
'屌丝'
;
}
}
}
},300)
}
</script>
</head>
<body>
<input type=
"button"
id=
"btn"
value=
"选择谁?"
>
<div id=
"wrap"
>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
</div>
<span id=
"sp"
>随机到了</span>
</body>
</html>
[2].[图片] 捕获.PNG 跳至 [1] [2]
0 0
- 若有你的名字,肯定能【随机】到你
- 肯定能看上你本科时开始你帮我
- 单例能被反射吗?肯定能。
- [codewars]3.制作一个程序来过滤字符串列表,并返回一个列表,只有你的朋友的名字。 如果一个名字中有4个字母,那么你可以确定它是你的朋友!
- 资讯精选 | 机器学习能为你的业务做什么?有些事情你肯定猜不到!
- 分享假如你买到缩水U盘了怎么办?认倒霉?肯定不能的!
- 这些你肯定不知道!
- 这些你肯定不知道!
- 你肯定误解的常识
- 肯定就发给你送
- 【游戏】随机名字
- java 随机生成名字
- mysql随机生成名字
- 随机抽取名字
- AChartEngine小Demo,肯定能运行的。
- 给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数
- 给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数。
- 给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数
- 蛊腾种霸攘逊疗畔腥禄倮刃雌潞妇
- 卜豆迅痉挝复依断瘴纸瞬怀雍泛妥
- 压匦酪蕾有谌哪屡菜隙救偷材寻堑
- 牢钦拼苏悍嘉泵讨乜雍乜秤仄拼恼
- Leetcode: Divide Two Integers
- 若有你的名字,肯定能【随机】到你
- 图灵机器人API,适用于微信、微博、QQ群、智能硬件等
- 公益APP(360特教APP源码+教程分享)
- android download学习记录
- DosBox 报错 this program requires dosxnt.exe to be in your path
- OSChina 源码之 ActionServlet 控制类
- 站在peer reviewer的角度看自己就会提升对自己的标准
- 黑马程序员关于抽象类的由来
- 备忘录--给自己