Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Javascript Timer Tutorial

Creazione di una pagina web che si aggiorna dopo ogni pochi minuti richiede l'uso di JavaScript . Con JavaScript , è possibile impostare una pagina per aggiornare dopo un intervallo di tempo specificato e mostrare un conto alla rovescia che viene visualizzato quando il prossimo aggiornamento avrà luogo. È inoltre possibile creare eventi programmati che corrono o loop in tempi predefiniti e sincronizzare più eventi su una linea temporale . Eventi di temporizzazione in JavaScript viene fatto usando il metodo " setTimeout ( ) " , che esegue un codice alla volta ambientato nel futuro e " clearTimeout ( ) ", che annulla il metodo setTimeout ( ) . Istruzioni
1

Creare un pulsante all'interno della vostra pagina HTML denominata "Click ", come mostrato di seguito :

< input type = nome " pulsante " = valore "Click" = " Clicca e aspettare "onclick = Timer ( ) " >
2

Inserire un codice funzione per l' head della pagina HTML nel formato indicato di seguito /: !

tipo < script = "text /javascript" > var s ; var t = 0; time_on var ; Timer function () {var s = setTimeout ( " alert ( '5 secondi ' ) " , 10.000) ; } < /script>

Quando si fa clic sul pulsante " Click" , il metodo setTimeout ( ) è chiamata e un messaggio pop-up appare la finestra con il messaggio " sorpresa" dopo 10 secondi o 10.000 millisecondi .

3

Scrivi il codice per cancellare il timer prima che va via con la sintassi di seguito :

clearTimeout ( timeoutId ) ;

il parametro " timeoutId " è il timeout tornato dalla precedente " . setTimeout ( ) chiamata al metodo
4

Scrivi la" funzione StopCount " come mostrato di seguito :

AlertID = 0;

funzione StopCount ( ) {if . . ( valore document.getElementById ( " alertTimer " ) == " ! Clicca e aspettare " {

document.getElementById ( " alertTimer " ) value = "Clicca per stop!" ; alertID = setTimeout ( " showAlert ( ) " , 2000) ; } else {

document.getElementById ( " alertTimer " ) Valore = . " Clicca e aspettare " ; ! clearTimeout ( alertTimerId );} }

funzione showAlert ( ) { alert

( " Troppo tardi per fermare il timer !") ; document.getElementById ( " alertTimer " ) value = "Clicca e aspettare ! " ; . }
5

Copia il seguente codice nel vostro documento HTML :



 

Programmazione © www.354353.com