HTML5＿制作点名器-math-date-计时器

最新推荐文章于 2024-07-18 15:09:36 发布

在线答疑技术支持

最新推荐文章于 2024-07-18 15:09:36 发布

阅读量1.8k

点赞数 1

分类专栏：善知教育笔记文章标签： html5 善知堂善知教育软件培训软件开发

本文链接：https://blog.csdn.net/itszt888/article/details/76873707

版权

善知教育笔记专栏收录该内容

165 篇文章 1 订阅

订阅专栏

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

在线答疑技术支持

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML5＿制作点名器-math-date-计时器

1、制作点名器<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #p1{ width: 200px; height
复制链接

扫一扫