| 标题 | javascript设置连续两次点击按钮时间间隔的方法 |
| 内容 | 很多时候我们在实际应用中，可能并不希望按钮联系被不间断的点击，所以要限定一定的时间间隔才能够再次点击按钮，下面就通过代码实例介绍一下如何实现此功能，代码如下: 代码如下: 0 以上代码实现了我们的要求，可以限制点击按钮的间隔时间，这一效果可以扩展到其他的功能中，比如限制发帖的间隔时间等等，下面就介绍一下它的实现过程。 代码注释如下: 1.window.onload=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.onclick=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不等于零，那么弹出还差多长时间可以点击。 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。