失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > javascript设置连续两次点击按钮时间间隔办法【javascript】

javascript设置连续两次点击按钮时间间隔办法【javascript】

时间:2022-05-24 13:09:59

相关推荐

javascript设置连续两次点击按钮时间间隔办法【javascript】

web前端|js教程

javascript,设置,连续,点击,按钮,时间,间隔

web前端-js教程

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

宅男视频源码,arm9使用vscode,ubuntu黑屏闪动,修改tomcat 6内存,唐山爬虫店,php两个时间相减,新手怎么快速学习seo 营销,iis发布网站的教程,mssql 模板lzw

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

h5运营源码,ubuntu怎么配置内核,tomcat请求第三方乱码,网络爬虫与api,根据户主匹配成员的php代码,常州seo搜索lzw

脚本之家

window.onload=function(){

var odiv=document.getElementById("thediv");

var obt=document.getElementById("bt");

var count=0;

var flag=null;

function done(){

if(count==0){

clearInterval(flag);

}

else{

count=count-1;

}

}

obt.onclick=function(){

var val=parseInt(odiv.innerHTML);

if(count==0){

odiv.innerHTML=val+1;

count=20;

flag=setInterval(done,1000);

}

else{

alert("还需要"+(count)+"秒才能点击");

}

}

}

安卓图片比对源码,vscode++乱码,ubuntu的复制指令,nacos与tomcat,c sqlite增加字段,城市二级联动插件,aui前端框架官网,怎么学会爬虫信息,php 继承 this,SEO优化关键词钢琴,php自带播放器视频网站源码,登录系统网页代码,登录验证代码jquery模板,shopex页面空白,免费旅游管理系统,新闻小偷程序lzw

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不等于零,那么弹出还差多长时间可以点击。

如果觉得《javascript设置连续两次点击按钮时间间隔办法【javascript】》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。