深入理解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>
目录
相关文章
|
6月前
|
SQL 关系型数据库 MySQL
ROUND
ROUND
53 5
|
C++
C++ 多种取整函数的使用和区别: ceil() floor() round() trunc() rint() nearbyint()
C++ 多种取整函数的使用和区别: ceil() floor() round() trunc() rint() nearbyint()
247 0
Math.ceil()
Math.ceil()
145 0
shader中判断浮点型数值相等:round、floor
shader中判断浮点型数值相等:round、floor
335 0
|
JavaScript 前端开发
toFixed四舍五入出现的问题
toFixed四舍五入出现的问题
318 0
toFixed四舍五入出现的问题
4.2、Math数学对象(floor、random、sqrt、pow、abs)
4.2、Math数学对象(floor、random、sqrt、pow、abs)
184 0
|
人工智能
Next Round
Next Round
109 0
Next Round
|
安全 iOS开发
iOS开发-math.h/ceil/floor/round
https://blog.csdn.net/acmicpc123/article/details/50280097
148 0
iOS开发-math.h/ceil/floor/round
|
Python
Python浮点数转整数int、round、ceil、floor
Python浮点数转整数int、round、ceil、floor
251 0
Math.round(11.5) 等于多少?Math.round(-11.5)等于多少?
Math.round(11.5)的返回值是12,Math.round(-11.5)的返回值是-11。四舍五入的原理是在参数上加0.5然后进行下取整。
1775 0