JavaScript中的Math对象：
Math 对象用于执行数学任务。
使用 Math 的属性和方法的语法：
var pi_value=Math.PI;
var sqrt_value=Math.sqrt(15);
注释：Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math.sin() 这样的函数只是函数，不是某个对象的方法。您无需创建它，通过把 Math 作为对象使用就可以调用其所有属性和方法。
使用Math的方法：
ceil(x) //对数进行上舍入
floor(x) //对数进行下舍入
random() //返回 0 ~ 1 之间的随机数
cell();使用方法
可对一个数进行上舍入。
document.write(Math.ceil(0.60) + "<br />");
document.write(Math.ceil(0.40) + "<br />");
document.write(Math.ceil(5) + "<br />");
document.write(Math.ceil(5.1) + "<br />");
document.write(Math.ceil(-5.1) + "<br />");
document.write(Math.ceil(-5.9));
输出：
1
1
5
6
-5
-5
floor()使用方法
可对一个数进行下舍入。
document.write(Math.floor(0.60) + "<br />");
document.write(Math.floor(0.40) + "<br />");
document.write(Math.floor(5) + "<br />");
document.write(Math.floor(5.1) + "<br />");
document.write(Math.floor(-5.1) + "<br />");
document.write(Math.floor(-5.9));
输出：
0
0
5
5
-6
-6
random()使用方法
random() 方法可返回介于 0 ~ 1 之间的一个随机数。返回值：0.0 ~ 1.0 之间的一个伪随机数。
document.write(Math.random());
输出：
0.796455696953468
这是我用Math.random();制作的验证码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>随机码</title>
<style type="text/css">
#input {
height: 20px;
vertical-align: middle;
}
button {
vertical-align: middle;
}
.btn1 {
height: 24px;
vertical-align: middle;
}
</style>
</head>
<body>
<input type="text" name="" id="input" value="" />
<button id="btn">获取验证码</button>
<button class="btns">提交</button>
<script type="text/javascript">
var inp = document.getElementById('input');
var btn = document.getElementById('btn');
var a = Math.floor(Math.random() * (9999 - 1000 + 1) + 1000);
console.log(a);
btn.onclick = function() {
if(btn.innerHTML == '获取验证码') {
alert('您的验证码:' + a)
btn.innerHTML = "60秒后获取验证码";
//用来当秒数的
var i = 59;
//执行
var xh = setInterval(function() {
btn.innerHTML = i + "秒之后获取"
i--;
if(i == 0) {
clearInterval(xh);
btn.innerHTML = "获取验证码";
}
}, 1000);
}
}
var btns = document.querySelector('.btns');
btns.onclick = function() {
if(inp.value == a) {
alert('验证通过，正在跳转....');
location = './new_file.html'; //#设定跳转的链接地址
} else {
alert('验证失败，重新尝试')
}
}
</script>
</body>
</html>
以上是我自己瞎子写的，仅供看看
网友评论