麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁(yè) > 編程 > JavaScript > 正文

javascript設(shè)置連續(xù)兩次點(diǎn)擊按鈕時(shí)間間隔的方法

2019-11-20 13:59:12
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

本文實(shí)例講述了javascript設(shè)置連續(xù)兩次點(diǎn)擊按鈕時(shí)間間隔的方法,分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:

很多時(shí)候我們?cè)趯?shí)際應(yīng)用中,可能并不希望按鈕聯(lián)系被不間斷的點(diǎn)擊,所以要限定一定的時(shí)間間隔才能夠再次點(diǎn)擊按鈕,下面就通過(guò)代碼實(shí)例介紹一下如何實(shí)現(xiàn)此功能,代碼如下:

復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="//www.companysz.com/" />
<title>武林網(wǎng)</title>
<script type="text/javascript"> 
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)+"秒才能點(diǎn)擊");
    }
  }
}
</script>
</head>
<body>
<div id="thediv">0</div>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>

以上代碼實(shí)現(xiàn)了我們的要求,可以限制點(diǎn)擊按鈕的間隔時(shí)間,這一效果可以擴(kuò)展到其他的功能中,比如限制發(fā)帖的間隔時(shí)間等等,下面就介紹一下它的實(shí)現(xiàn)過(guò)程。

代碼注釋如下:

1.window.onload=function(){},規(guī)定文檔內(nèi)容完全加載完畢再去執(zhí)行函數(shù)中的代碼。
2.var odiv=document.getElementById("thediv"),獲取div元素對(duì)象。
3.var obt=document.getElementById("bt"),獲取按鈕對(duì)象。
4.var count=0,聲明一個(gè)變量并賦初值為0,它用來(lái)存儲(chǔ)間隔時(shí)間。
5.var flag=null,聲明一個(gè)變量并賦初值為null,此變量用來(lái)存儲(chǔ)定時(shí)器函數(shù)的返回值。
6.function done(){},此函數(shù)可以被定時(shí)器函數(shù)不斷的調(diào)用,來(lái)對(duì)count進(jìn)行遞減。
7.if(count==0){clearInterval(flag);},如果count==0,則停止定時(shí)器函數(shù)的執(zhí)行。
8.else{count=count-1;},如果不等于0,則進(jìn)行減一操作。
9.obt.onclick=function(){},為按鈕注冊(cè)點(diǎn)擊事件處理函數(shù)。
10.var val=parseInt(odiv.innerHTML),獲取div中的內(nèi)容,并轉(zhuǎn)換為整數(shù)。
11.if(count==0){
  odiv.innerHTML=val+1;
  count=20;
  flag=setInterval(done,1000);
}
如果count等于0話餓,那么就將div中的內(nèi)容+1,并且將count設(shè)置為20,同時(shí)開機(jī)定時(shí)器函數(shù)的執(zhí)行。
12.else{alert("還需要"+(count)+"秒才能點(diǎn)擊");},如果count不等于零,那么彈出還差多長(zhǎng)時(shí)間可以點(diǎn)擊。

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 日本中文不卡视频 | 3344永久免费 | 国产资源在线视频 | 在线成人免费av | 韩国精品久久久 | 黄色免费影片 | 久久精精品 | 成人羞羞视频在线观看 | 午夜小视频免费观看 | 国产精品久久国产精品 | 一本视频在线观看 | 91精品国产一区二区三区动漫 | 久久撸视频 | 国产午夜精品久久久久久久蜜臀 | wankzhd| 成年性羞羞视频免费观看 | 精品午夜久久 | 久久精品观看 | 亚州综合图片 | 91福利免费观看 | 国产成人综合在线观看 | 亚洲午夜久久久精品一区二区三区 | 巨乳毛片 | 国产一精品一av一免费爽爽 | 国产精品99久久久久久大便 | 91精品国产刺激国语对白 | 国产精品中文在线 | 国产日韩亚洲 | 久久成人综合网 | 亚洲成人在线免费观看 | 美女黄网站免费观看 | 亚洲精品有限 | 欧洲a级片 | 久草在线高清视频 | 成人国产精品一区二区毛片在线 | 午夜国产福利 | 成人午夜高清 | 日本一道aⅴ不卡免费播放 久久久久久久高清 | 久久久线视频 | 久久亚洲第一 | 久久久久久久久久久久久久国产 |