php 连续点击事件,javascript设置连续两次点击按钮时间间隔的方法

本文实例讲述了javascript设置连续两次点击按钮时间间隔的方法，分享给大家供大家参考。具体实现方法如下：

很多时候我们在实际应用中，可能并不希望按钮联系被不间断的点击，所以要限定一定的时间间隔才能够再次点击按钮，下面就通过代码实例介绍一下如何实现此功能，代码如下:

http://www.jb51.net/" />

脚本之家

以上代码实现了我们的要求，可以限制点击按钮的间隔时间，这一效果可以扩展到其他的功能中，比如限制发帖的间隔时间等等，下面就介绍一下它的实现过程。

代码注释如下:

1.window.οnlοad=function(){}，规定文档内容完全加载完毕再去执行函数中的代码。

2.var odiv=document.getElementById("thediv")，获取div元素对象。

3.var obt=document.getElementById("bt")，获取按钮对象。

4.var count=0，声明一个变量并赋初值为0，它用来存储间隔时间。

5.var flag=null，声明一个变量并赋初值为null，此变量用来存储定时器函数的返回值。

6.function done(){}，此函数可以被定时器函数不断的调用，来对count进行递减。

7.if(count==0){clearInterval(flag);}，如果count==0，则停止定时器函数的执行。

8.else{count=count-1;}，如果不等于0，则进行减一操作。

9.obt.οnclick=function(){}，为按钮注册点击事件处理函数。

10.var val=parseInt(odiv.innerHTML)，获取div中的内容，并转换为整数。

11.if(count==0){

odiv.innerHTML=val+1;

count=20;

flag=setInterval(done,1000);

}

如果count等于0话饿，那么就将div中的内容+1，并且将count设置为20，同时开机定时器函数的执行。

12.else{alert("还需要"+(count)+"秒才能点击");},如果count不等于零，那么弹出还差多长时间可以点击。

希望本文所述对大家的javascript程序设计有所帮助。

本文原创发布php中文网，转载请注明出处，感谢您的尊重！

php 连续点击事件,javascript设置连续两次点击按钮时间间隔的方法_javascript技巧...相关推荐

php 高德地图点击事件,javascript - 高德地图marker动态绑定点击问题
javascript - 高德地图marker动态绑定点击问题 PHP中文网2017-04-11 12:37:51 0 2 282 我把代码整理在同一个页面了,信息窗口里面的红色详情两字点击的 ...
php判断表单修改内容,JavaScript判断用户是否对表单进行了修改的方法_javascript技巧...
本文实例讲述了JavaScript判断用户是否对表单进行了修改的方法.分享给大家供大家参考.具体分析如下: 这段JS代码可以判断出用户是否对表单内容进行了修改,如果修改了表单,并退出浏览器,则会提醒用 ...
html 点击增加样式,js点击添加css样式 css添加jq点击事件 JavaScript点击增加css样式...
js可实现点击后对div或者其他标签增加或者删除css样式,从而达到实现点击触发某种效果的目的.页面样式可以通过style修饰,也可以通过css修饰,改变css或者添加css可以改变页面的排版.代码如 ...
js手动触发页面元素点击事件，程序触发，自定义点击事件模拟点击
页面有时候的使用场景需要手动控制某个元素响应点击事件,可以达到不直接点击元素来响应事件,这里可以使用element.dispatchEvent(),在使用element.dispatchEvent() ...
javaFx中的Button样式设置、点击事件、设置快捷键等
Button样式设置 button的背景.边框.字体设置,比较基础简单的示例如下: public class JavaFxNote extends Application {public static ...
php鼠标点击事件,javascript模拟鼠标点击事件的实例代码
javascript触发模拟鼠标点击事件事件触发器就是用来触发某个元素下的某个事件,IE下fireEvent方法,高级浏览器(chrome,firefox等)有dispatchEvent方法. 一般 ...
【Echarts图例点击事件】自定义Echarts图例legend点击事件（已解决）
目录先睹为快(效果) 1.实现Echarts多条曲线 2.点击echarts触发接口请求 2.1 先默认隐藏部分数据 2.2 自定义legend图例点击事件 3.源码下载地址(解压即用) **[写在 ...
vue中设置子组件的点击事件不影响父组件的点击事件
" 大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂. " 今天分享个技术块儿. 在做项目的过程中,遇到了个问题,简单的描述一下:有一个card卡片,上面绑定了个点击事件,点击c ...
java添加按钮点击事件_如何为odoo 10中的按钮点击事件添加一个java脚本处理程序？...
我想使用java脚本为header中的按钮创建一个处理程序.下面我视图模型给出:如何为odoo 10中的按钮点击事件添加一个java脚本处理程序? inherit_id="web.asset ...

php 连续点击事件,javascript设置连续两次点击按钮时间间隔的方法_javascript技巧...

php 连续点击事件,javascript设置连续两次点击按钮时间间隔的方法_javascript技巧...相关推荐

最新文章

热门文章