js 防止连续点击按钮

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>button连续点击</title>
</head>
<body>
<ul><li style="line-height: 40px">button连续点击方案1<button onclick="clickTarget1()">点击1</button></li><li style="line-height: 40px">button连续点击方案2<button onclick="clickTarget2()">点击2</button></li>
</ul><script>// 第一种方案var isClick = true;function clickTarget1() {if (isClick) {isClick = false;console.log("click", new Date());var result = setTimeout(function () {isClick = true;clearTimeout(result);}, 2000)}}// 第二种方案var previousTime = null;function clickTarget2() {if (!previousTime) {previousTime = new Date().getTime();}var currentTime = new Date().getTime();var differ = currentTime - previousTime;if (differ > 2000) {console.log("click", new Date(currentTime));previousTime = new Date().getTime();}}</script>
</body>
</html>

js 防止连续点击按钮相关推荐

html 点击按钮js自增,JS实现点击按钮自动增加一个单元格的方法
本文实例讲述了JS实现点击按钮自动增加一个单元格的方法.分享给大家供大家参考.具体分析如下: 这是一个网页在线自助生成表格的特效代码. 核心功能代码是JS实现,点击网页中的添加按钮,网页中自动增加一个 ...
js下载文件 java_[Java教程]使用js实现点击按钮下载文件
[Java教程]使用js实现点击按钮下载文件 0 2016-11-11 19:02:54 有时候我们在网页上需要增加一个下载按钮,让用户能够点击后下载页面上的资料,那么怎样才能实现功能呢?这里有两种方 ...
js实现点击按钮传值
js实现点击按钮传值 page1源码: <!DOCTYPE html><html><head><meta charset="UTF-8"& ...
js实现点击按钮切换图片功能_☆*往事随風*☆的博客
文章目录前言一.DOM是什么? 二.对象的HTML DOM 树三.图片切换练习 1.要求 2.实现思路 3.示例代码 1.html示例代码如下: 2.css示例代码如下: 2.js示例代码如下: ...
html点击展开盒子变大,JS实现点击按钮控制Div变宽、增高及调整背景色的方法
本文实例讲述了JS实现点击按钮控制Div变宽.增高及调整背景色的方法.分享给大家供大家参考.具体如下: 这里使用JavaScript实现点击按钮后改变DiV的高度.宽度和背景色等,点击对应按钮,Div ...
党旗飘飘平台正确打开方法 | JS定时点击按钮
党旗飘飘平台正确打开方法 | JS定时点击按钮背景:最近学校发展对象需要在"党旗飘飘"平台上观看党课视频.而这个平台不支持视频调速,而且时不时跳出来一个按钮,点击后视频才会播放, ...
php点击复制按钮到我的粘贴板,JS 实现点击按钮复制内容到粘贴板 clipboard
具体实现如下: 点击按钮复制内容到粘贴板 body { text-align: center; } #p1 { line-height: 150px; font-size: 40px; } #sour ...
原生js实现点击按钮切换全屏！
使用fullScreen API实现全屏 <head><meta charset="UTF-8"><meta name="viewport& ...
html 复制文本按钮,js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理分析浏览器提供了 ...

js 防止连续点击按钮

js 防止连续点击按钮相关推荐

最新文章

热门文章