php 连续点击事件,javascript设置连续两次点击按钮时间间隔的方法-凯发k8官方网

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

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

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

脚本之家

0

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

代码注释如下:

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中文网，转载请注明出处，感谢您的尊重！

总结

以上是凯发k8官方网为你收集整理的php 连续点击事件,javascript设置连续两次点击按钮时间间隔的方法_javascript技巧...的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。