深入理解RGBA、Math ceil()、floor()、round()、toFixed()随机数,取整方法

简介:

这里写图片描述

Math.ceil()
功能:对一个数进行上取整。
语法:Math.ceil(x)
参数:
x:一个数值。
返回值:返回大于或等于x,并且与之最接近的整数。
注:如果x是正数,则把小数“入”;如果x是负数,则把小数“舍”。
例:
<script type="text/javascript">
document.write( Math.ceil(1.2)+", "+Math.ceil(1.8)+", "+Math.ceil(-1.2)+", "+Math.ceil(-1.8) );
</script>
输出结果为:
document.write( Math.ceil(1.2)+", "+Math.ceil(1.8)+", "+Math.ceil(-1.2)+", "+Math.ceil(-1.8) ); 2, 2, -1, -1



Math.floor()
功能:对一个数进行下取整。
语法:Math.floor(x)
参数:
x:一个数值。
返回值:返回小于或等于x,并且与之最接近的整数。
注:如果x是正数,则把小数“舍”;如果x是负数,则把小数“入”。
例:
<script type="text/javascript">
document.write( Math.floor(1.2)+", "+Math.floor(1.8)+", "+Math.floor(-1.2)+", "+Math.floor(-1.8) );
</script>
输出结果为:
document.write( Math.floor(1.2)+", "+Math.floor(1.8)+", "+Math.floor(-1.2)+", "+Math.floor(-1.8) ); 1, 1, -2, -2




Math.round()
功能:四舍五入取整。
语法:Math.round(x)
参数:
x:一个数值。
返回值:与x最接近的整数。
例:
<script type="text/javascript">
document.write( Math.round(1.2)+", "+Math.round(1.8)+", "+Math.round(-1.2)+", "+Math.round(-1.8) );
</script>
输出结果为:
document.write( Math.round(1.2)+", "+Math.round(1.8)+", "+Math.round(-1.2)+", "+Math.round(-1.8) ); 1, 2, -1, -2 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
        <style type="text/css">
            .no1 {
                width: 200px;
                height: 200px;
                border: 1px solid red;
                margin-right: 10px;
                display: block;
                float: left;
                text-align: center;
            }

            .num {
                clear: both;
            }
        </style>
        <script type="text/javascript">
            $(function() {
                $('.num').text("RGBA(0,0,0,0)");
                $(".no1").click(function() {
                    alert(1);
                });
                $(".no1").click(function() {
                    alert(2);
                });
                $(".no1").click(function() {
                    alert(3);
                });
                var setint = setInterval(function() {
                    var r = Math.floor(Math.random() * 255);
                    var g = Math.floor(Math.random() * 255);
                    var b = Math.floor(Math.random() * 255);
                    var a = Math.random().toFixed(2);
                    $('.num').text("RGBA(" + r + "," + g + "," + b + "," + a + ")");
                    $(".no1").css("background", "rgba(" + r + "," + g + "," + b + "," + a + ")");
                }, 500);
            })
        </script>
    </head>

    <body>
        <span class="no1">aaa</span>
        <span class="no1">bbb</span>
        <div class="num"></div>
    </body>

</html>
目录
相关文章
|
存储 运维 Kubernetes
申通快递:核心业务系统云原生化上云技术详解
如果说,快递行业上半场的竞争拼的是规模、服务乃至价格,进入下半场,快递企业们还需要比拼硬核的技术实力。——周金龙(遥方)
2533 14
申通快递:核心业务系统云原生化上云技术详解
|
4月前
|
人工智能 Android开发 C++
Harmony中的HAP、HAR、HSP区别
Harmony中的HAP、HAR、HSP区别
209 0
|
存储 数据库 C语言
Hawkeyes: x86软件迁移Arm的弱内存序问题解决方案
本文介绍了x86软件迁移到Arm过程中可能遇到的弱内存序问题的解决方案,解析了弱内存序问题的根因,介绍了Hawkeyes的架构和实现原理。欢迎有需求的团队发送邮件咨询
1610 0
|
vr&ar
眼神有杀气!这是全球首款搭载眼球追踪技术的 VR 头显
VR 的交互方式有很多,目前最常用的主要有:基本的按键手柄操作、体感交互手柄操作、手势识别技术等,另外最原始的就是通过头部转动控制屏幕“指针”来进行各种点击事件。
180 0
眼神有杀气!这是全球首款搭载眼球追踪技术的 VR 头显
|
Android开发 Java
|
消息中间件 移动开发 安全
博时基金基于 RocketMQ 的互联网开放平台 Matrix 架构实践
Matrix 经过一年多的建设,目前已具备多渠道统一接入、第三方生态互联互通、基金特色交易场景化封装等功能特性。Matrix 通过建设有品质、有温度的陪伴,从技术上和体验上,让用户理解风险,理解投资,进而为客户持续创造价值。
272 0
博时基金基于 RocketMQ 的互联网开放平台 Matrix 架构实践
|
SQL Oracle 关系型数据库
在64位机器上使用plSQL连接Oracle的问题(SQL*Net not properly installed)
问题背景:         我在64位机器上了64位的oracle客户端。         然后装上PL/SQL Developer,但是连接oracle老报这个错:         Initialization error              SQL*Net not properly installed         OracleHomeKey:           
1614 0

热门文章

最新文章