Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Programmering >> JavaScript Programmeren >> Content
Javascript Timer Tutorial
Het maken van een webpagina die verfrist na elke paar minuten vereist het gebruik van JavaScript . Met JavaScript , kunt u een pagina te vernieuwen stellen na een bepaald tijdsinterval en tonen een countdown timer die wordt weergegeven wanneer de volgende refresh zal plaatsvinden . U kunt ook getimede gebeurtenissen die draaien of lus op vooraf ingestelde tijden en synchroniseren van meerdere gebeurtenissen op een tijdlijn te creëren . Timing gebeurtenissen in JavaScript wordt gedaan met behulp van de " setTimeout ( ) " -methode , waarbij een code wordt uitgevoerd op een vast tijdstip in de toekomst en " clearTimeout ( ) , " waarin de setTimeout ( ) methode annuleert . Instructies
1

Maak een knop in uw HTML- pagina met de naam "Klik " zoals hieronder weergegeven :

< input type = " button " name = "Klik op " value = "Klik en wachten " onclick = Timer ( ) " /> kopen van 2

Plaats een functiecode aan de kop van de HTML- pagina in het formaat hieronder weergegeven : Geld verdienen

< script type = " text /javascript " > var s ; var t = 0; var time_on ; functie Timer ( ) { var s = setTimeout ( " alert ( '5 seconden ' ) ! ' , 10000 ) ; } < /script > < br >

Wanneer de knop " Click" wordt geklikt , wordt de setTimeout ( ) methode genoemd en een pop- upbericht op uw scherm met de boodschap " Surprise " na 10 seconden of 10000 milliseconden .
< br > 3

Schrijf de code voor het annuleren van de timer voordat het gaat uit met de onderstaande syntaxis :

clearTimeout ( timeoutId ) ;

de parameter " timeoutId " is de time-out terug van de vorige " . setTimeout ( ) methode oproep
4

Schrijf de " functie stopCount " zoals hieronder weergegeven :

AlertID
= 0 ;

functie stopCount
( ) {if . . ( document.getElementById ( " alertTimer " ) value == " ! Klik en wacht " {

document.getElementById
( " alertTimer " ) value = " Klik om te stoppen! " ; alertID = setTimeout ( " showAlert ( ) " , 2000 ) ; } else { document.getElementById


( " alertTimer " ) waarde = . " Klik en wacht " ; ! clearTimeout ( alertTimerId ) ; } }

functie showAlert
( ) { alert


( " te laat om timer te stoppen ! " ) ; document.getElementById ( " alertTimer " ) value = " Klik en wacht! " ; . }

Copy 5 de volgende code op uw HTML-document :

= "button" name = "Click" id = "alertTimer" value= "Click en wait!"onclick = "StopCount()" />

Previous: Next:
  JavaScript Programmeren
·Hoe kan ik HTML Text Maak Vana…
·JavaScript Target iFrame Docum…
·Hoe te Count Down Met behulp v…
·Hoe de Marker wijzigen in een …
·Hoe maak je een Javascript Sli…
·IE 8 JavaScript Ongeldige poin…
·Java Script Problemen oplossen…
·Een tutorial voor HTML 5 Canva…
·JavaScript Tutorial en Referen…
  Related Articles
Hoe de Timer Controle in VB.NET programm…
Hoe maak je een timer gebruiken in Visua…
Visual Basic Math Functions Tutorial 
Visual Basic Tutorial : Msgbox 
ListBox Visual Basic Tutorial 
Visual Basic ListView Tutorial 
Progress Bar Tutorial 
Visual Basic Database Tutorial 
VBScript & SQL Tutorial 
  Programmering Articles
·Hoe kan ik een variabele op Verwijderen …
·Wat is Recursion in Programmering 
·PHP String Tutorial 
·Verschil tussen Runtime & Compile Time 
·Hoe je VBA -bestanden zoeken 
·Hoe toegang Element Attributen Met JavaS…
·Hoe te converteren naar tekst Integers i…
·Hoe te DMG gebruiken op Windows 
·Hoe te Thrift gebruiken met PHP 
Copyright © Computer Kennis http://www.nldit.com