有一次做项目是点击按钮的时候 两秒之内不能再次点击,出现提示信息
别忘了引入jquery
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>判断是否大于两秒</title>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<input type="button" id="change" value="换一换">
</body>
<script type="text/javascript">
var time = 0; //初始时间
var t; //下一次点击时间
$("#change").click(function () {
if (time == 0) {
time = (new Date()).valueOf(); //初始时间戳
console.log(time);
} else {
var t = Number((new Date()).valueOf()) - Number(time); //两个时间差值
if (t <= 2000) {
alert("间隔不到两秒");
return;
console.log(time);
} else {
// console.log(t);
time = (new Date()).valueOf(); //给time赋值上一次时间戳
console.log(time);
}
}
})
</script>
</html>