时间戳判断两次时间间隔

最新推荐文章于 2023-05-22 15:46:25 发布

葫芦的

最新推荐文章于 2023-05-22 15:46:25 发布

阅读量3.4k

点赞数

分类专栏：前端时间戳文章标签：时间戳时间间隔

本文链接：https://blog.csdn.net/lxb1113220682/article/details/94598672

版权

前端时间戳专栏收录该内容

1 篇文章 0 订阅

订阅专栏

有一次做项目是点击按钮的时候两秒之内不能再次点击，出现提示信息

别忘了引入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>

葫芦的

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
时间戳判断两次时间间隔

有一次做项目是点击按钮的时候两秒之内不能再次点击，出现提示信息别忘了引入jquery代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>判断是否大于两秒</title> <script type="text/javascrip...
复制链接

扫一扫