Javascript Timer Tutorial

Vytvorenie webovej stránky , ktorá osviežuje po každých pár minút , vyžaduje použitie JavaScriptu . S JavaScriptu , môžete nastaviť stránku aktualizovať po uplynutí stanoveného časového intervalu a zobrazí odpočítavanie , ktorý sa zobrazí , keď bude budúci obnovovaciu konať . Môžete tiež vytvárať časované udalosti , ktoré bežia alebo slučky vo vopred definovanom čase a synchronizovať viac udalostí na časovej osi . Načasovanie udalosti v JavaScripte sa vykonáva pomocou " setTimeout ( ) " metódu , ktorá vykonáva kód v nadstavenom čase v budúcnosti , a " clearTimeout ( ) " , ktorá ruší setTimeout ( ) metóda . Pokyny dovolená 1

Vytvorenie tlačidla vnútri HTML stránky s názvom " Click " , ako je uvedené nižšie :

< input type = " tlačidlo " name = " Kliknutím na tlačidlo " value = " Kliknutím na tlačidlo a počkajte , " onclick = Timer ( ) " />
2

Vložte kód funkcie na hlavu HTML stránky vo formáte uvedenom nižšie :

< Typ script = " text /javascript " > var s ; var t = 0 , var time_on , funkcie Timer ( ) { var s = setTimeout ( " ! alert ( '5 sekúnd ' ) " , 10000 ) ; } < /script >

tlačidlo označené " Kliknite na " kliknutie , setTimeout ( ) je volaná metóda a zobrazí sa správa sa objaví na vašom okne so správou " Surprise " po 10 sekundách alebo 10000 milisekúnd .

3

Napíšte kód pre zrušenie časovač pred tým , ako zhasne pomocou nižšie syntaxe :

clearTimeout ( timeoutId ) ;

parameter " timeoutId " je časový limit sa vrátil z predchádzajúci " setTimeout ( ) volanie metódy
4

napíšte . " funkciu StopCount " , ako je uvedené nižšie :

AlertID = 0 ;

funkcie StopCount ( ) { if . ( document.getElementById ( " alertTimer " ) value == " Kliknite a počkajte ! " { klipart

document.getElementById ( " alertTimer " ) hodnota = " Kliknutím na Stop ! " ; . alertID = setTimeout ( " showAlert ( ) " , 2000 ) ; } else {

document.getElementById ( " alertTimer " ) hodnota = " . Kliknite na tlačidlo a počkajte , " ; ! clearTimeout ( alertTimerId ) ; } }

funkcie showAlert ( ) {

alert ( " Príliš neskoro zastaviť časovač ! " ) ; document.getElementById ( " alertTimer " ) hodnota = " Kliknutím na tlačidlo a počkajte ! " ; . }
5

Copy nasledujúci kód do vášho HTML dokumentu :

input type = " button " name = " Click " id = " alertTimer " value = " Klikni a wait ! " onclick = " StopCount ( ) " /> input type = " button " name = " Click " value = " Klikni a wait ! " onclick = " setTimeout ( ' alert ( \\ ' Surprise ! \\ ' ) ' , 10000 ) " />

• Predchádzajúca strana: Ako nosiť Shift šaty 
• Ďalšia strana: Ako si vyrobiť časovač v Game Makeru