Heim > Web-Frontend > js-Tutorial > Hauptteil

So legen Sie das Zeitintervall zwischen zwei aufeinanderfolgenden Schaltflächenklicks in javascript_javascript skills fest

WBOY
Freigeben: 2016-05-16 16:32:55
Original
2947 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie Sie das Zeitintervall zwischen zwei aufeinanderfolgenden Klicks auf eine Schaltfläche mithilfe von Javascript festlegen. Ich möchte es Ihnen als Referenz mitteilen. Die spezifische Implementierungsmethode lautet wie folgt:

In tatsächlichen Anwendungen möchten wir möglicherweise nicht, dass die Schaltfläche kontinuierlich angeklickt wird. Daher müssen wir ein bestimmtes Zeitintervall begrenzen, bevor die Schaltfläche erneut angeklickt werden kann. Das Folgende ist ein Codebeispiel, um die Implementierung dieser Funktion vorzustellen . Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:
Skript-Startseite
0



Der obige Code erfüllt unsere Anforderungen und kann das Intervall zwischen dem Klicken auf Schaltflächen begrenzen. Dieser Effekt kann auf andere Funktionen ausgeweitet werden, z. B. das Begrenzen des Intervalls zwischen Beiträgen usw. Im Folgenden finden Sie eine Einführung in den Implementierungsprozess.

Die Codekommentare lauten wie folgt:

1.window.onload=function(){}, was festlegt, dass der Code in der Funktion ausgeführt wird, nachdem der Dokumentinhalt vollständig geladen wurde.
2.var odiv=document.getElementById("thediv"), ruft das div-Elementobjekt ab.
3.var obt=document.getElementById("bt"), holen Sie sich das Schaltflächenobjekt.
4.var count=0, deklarieren Sie eine Variable und weisen Sie den Anfangswert 0 zu, der zum Speichern der Intervallzeit verwendet wird.
5.var flag=null, deklarieren Sie eine Variable und weisen Sie den Anfangswert null zu. Diese Variable wird zum Speichern des Rückgabewerts der Timer-Funktion verwendet.
6. Funktion done(){}, diese Funktion kann kontinuierlich von der Timer-Funktion aufgerufen werden, um den Zählerstand zu verringern.
7.if(count==0){clearInterval(flag);}, wenn count==0, stoppt die Ausführung der Timer-Funktion.
8.else{count=count-1;}, wenn es nicht gleich 0 ist, führen Sie eine Subtraktionsoperation durch.
9.obt.onclick=function(){}, registrieren Sie die Klickereignisverarbeitungsfunktion für die Schaltfläche. 10.var val=parseInt(odiv.innerHTML), holen Sie sich den Inhalt im div und konvertieren Sie ihn in eine Ganzzahl.

11.if(count==0){

odiv.innerHTML=val 1;

count=20;

flag=setInterval(done,1000);

}
Wenn die Anzahl gleich 0 ist, addieren Sie den Inhalt im Div zu 1, setzen Sie die Anzahl auf 20 und starten Sie gleichzeitig die Ausführung der Timer-Funktion.
12.else{alert("Es dauert immer noch" (count) "Sekunden zum Klicken");}, wenn count ungleich Null ist, wie lange dauert es dann, bis auf das Popup geklickt werden kann?

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage