Dator > JavaScript timer tutorial

  • JavaScript timer tutorial


  • Skapa en webbsida som uppdateras efter några minuters kräver användning av JavaScript . Med JavaScript kan du ställa in en sida för att uppdatera efter en viss tidsintervall och visa en timer som visar när nästa uppdatering kommer att ske . Du kan även skapa tidsinställda händelser som körs eller slinga vid fördefinierade tider och synkronisera flera händelser på en tidslinje . Timing händelser i JavaScript görs med hjälp av " setTimeout () " -metoden , som exekverar en kod vid en bestämd tidpunkt i framtiden och " clearTimeout ( ) ", som avbryter setTimeout () -metoden .
    1
    Skapa en knapp i din HTML- sida med namnet "Click " som visas nedan : .

    onclick=Timer () " />
    2 .

    Infoga en funktion kod i huvudet på HTML- sidan i det format som visas nedan :



    När knappen märkt " Klicka på " klickas , den setTimeout ( ) anropas och ett pop-up meddelande visas på ditt fönster med meddelandet " Surprise " efter 10 sekunder eller 10. 000 millisekunder . .
    3
    Skriv koden för att avbryta timern innan den bort går med syntaxen nedan :

    clearTimeout ( timeoutId ) ,

    Den " timeoutId " parametern är timeout återvände från föregående StopCount " fungerar enligt nedan " setTimeout ()-metodanrop
    4
    Skriv . " :

    AlertID=0 ;

    funktion StopCount () {
    if ( document. getElementById ( " alertTimer " ) värde== {

    document. getElementById ( " alertTimer " ) value=" Klicka för Stop ! " ;
    alertID=setTimeout ( " showAlert () " , 2000 ) ; }

    else {

    dokument . getElementById ( " alertTimer " ) value="Klicka och vänta ! " .
    clearTimeout ( alertTimerId ) ,
    } }


    funktion showAlert () {

    alert ( " För sent att stoppa br timer !"); document. getElementById ( " alertTimer Klicka och vänta "" ) värde=. " !
    }

    5
    Kopiera följande kod på din HTML-dokument :

    onclick=" StopCount () " />
    onclick=" setTimeout ( " alert ( \ ' Överraskning ! \ ' ) ' , 10000) "/>

    tips och varningar


  • att undvika att skapa ytterligare timers när " Klicka på " knappen trycks skapa en " checkDupes " funktion för att kontrollera om timern redan är igång enligt nedan :
  • Funktion CheckDupe () {
  • Om {
  • <( timer_on ! ) li > Timer_on=1 ,
  • timedCount ();
  • }
  • }
  • in ovanstående kod strax under " Timer ( ) "-funktion .
  • " setInterval ( ) " kan funktionen användas i stället för " setTimeout () " där du behöver för att hålla utlösande uttryck upprepade gånger enligt nedan :
  • setInterval ( " do_this () " , 3000) ,
  • funktion do_this () {
  • //( kod för att göra det här )
  • }

Previous:nothing Next:hur man skapar en java -fil





Relaterade artiklar


  • vbs tutorial
  • hur man lär sig java script
  • hur man beräknar en minnesadress
  • hur man ändrar java script
  • verktyg som används i Java
  • hur du gör din egna tecken i Java
  • hur du skickar ett HTML-e i C #
  • hur man byter text i en php -fil
  • Hur skapar jag en resa sida tjänst webben ?
  • Oracle SQL tuning tips