1、 制作点名器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#p1{
width: 200px;
height: 100px;
background: red;
color: #fff;
font-weight: bolder;
margin: 50px auto;
font-size: 30px;
line-height: 100px;
text-align: center;
}
#btn{
display: block;
width: 60px;
height: 30px;
line-height: 30px;
text-align: center;
margin: 0 auto;
}
</style>
</head>
<body>
<p id="p1">点名</p>
<button id="btn">点击</button>
</body>
<script type="text/javascript">
var arr = ['王XX','王X','张XX','沈X','张XX','闫XX','郭XX','高XXX','孟XX','程XX','徐XX','程X','崔XX','李X','张XX','刘XX','桂XX','陈XX','刘XX','袁XX','谢XX','董XX','李XX','刘XX'];
var oP = document.getElementById("p1");
var oBtn = document.getElementById("btn");
oBtn.onclick = function(){
// for (var i = 0; i < 15; i ++) {
var num = parseInt(Math.random()*arr.length);
oP.innerHTML = arr[num];
// }
}
</script>
</html>
2、 Math
(1)math对象
随机数包0不包1,要想随机30个数,要乘以31.
(2)math方法
—random()
随机数
取10到30的数,先取0到20的数,再加上10.
结果为-2.
结果为-2
4.45四舍五入结果为4
atan2(y,x)
逆时针旋转
3、 Date
(1)date对象
(2)date方法
UTC是世界统一时间 GMT是格林威治标准时间
自己定义时间 第一种方式写月份的时候是0-11;
第二种方式则写月份则1-12
4、定时器
上面的每隔1000毫秒执行一次。
如果是setInterval(add(),1000)
,则只运行一次.
结果为两个时间相差的毫秒。
clearInterval()清楚定时器。
5倒计时写法代码和结果如下图。
关于善知教育(官网:善知教育(点击进入) 微信公众号:善知技术)
地址:北京东燕郊经济技术开发区文化大厦
咨询老师郑老师 电话/微信:13315631002 QQ:1939441377
目前我们开设Java服务器Html5前端网页Android移动端PHP服务器,有全日制班有周末班;
学费优惠至8480!!!!
我们的优势:
- 基础课程一个月免费学,全程面授;
- 平均就业薪资10000-15000;
- 免费重听,跨学科免费学习;
- 5-5.5个月大容量技术授课;
- 0学费0基础入学,海量项目实训, 弹性教学制度;
- 大部分学生找到月薪10k以上薪资工作, 项目实训自然终止;
- 课程全程视频录制,偶尔耽搁也不担心;
- 学习途中随时可以无理由退费根据学生情况;
- 灵活安排授课时间,一个科目学不会可以免费学习另一个科目;
- 全日制班,周末班,网上授课同时进行;
- 技术交流QQ群:198983438(加群请备注在哪里看到我们的群)在群里面随时会更新一些我们的课程视频以及开班动态
善知教育学习视频大汇总
- 善知教育石老师Java视频的网盘地址http://pan.baidu.com/s/1eQ0JHi6
- 善知教育吕老师Java视频http://pan.baidu.com/s/1i44RTjR
- 善知教育武老师Html5视频http://pan.baidu.com/s/1hsGGKnE
- 善知教育石老师Android知识点http://pan.baidu.com/s/1hsBpOQo