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) )
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) )
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) )
<!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>