国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript設置連續兩次點擊按鈕時間間隔的方法

2019-11-20 13:59:12
字體:
來源:轉載
供稿:網友

本文實例講述了javascript設置連續兩次點擊按鈕時間間隔的方法,分享給大家供大家參考。具體實現方法如下:

很多時候我們在實際應用中,可能并不希望按鈕聯系被不間斷的點擊,所以要限定一定的時間間隔才能夠再次點擊按鈕,下面就通過代碼實例介紹一下如何實現此功能,代碼如下:

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

以上代碼實現了我們的要求,可以限制點擊按鈕的間隔時間,這一效果可以擴展到其他的功能中,比如限制發帖的間隔時間等等,下面就介紹一下它的實現過程。

代碼注釋如下:

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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 永修县| 天津市| 黄浦区| 哈尔滨市| 满洲里市| 仁布县| 太谷县| 富宁县| 宜春市| 济宁市| 盘山县| 莎车县| 瓦房店市| 厦门市| 南汇区| 灵璧县| 天台县| 阿城市| 鄂尔多斯市| 德保县| 庄河市| 万州区| 尚志市| 岱山县| 呼图壁县| 乐昌市| 曲阳县| 雷州市| 长葛市| 黑水县| 青海省| 玛多县| 兰西县| 馆陶县| 涿鹿县| 咸宁市| 军事| 诸暨市| 鹿邑县| 波密县| 南开区|