Hvordan stoppeklokke implementeres i JavaScript?

Hvordan implementere et stoppeklokke i JavaScript

Å lage et enkelt stoppeklokke ved hjelp av JavaScript innebærer følgende trinn:

Lag den grunnleggende strukturen i stoppeklokken.
Lag en skjerm for å se tiden.
Lag tre knapper i stoppeklokke ved hjelp av HTML CSS.
Aktiver stoppeklokken ved hjelp av JavaScript.

Hva er et stoppeklokke i JavaScript?

En stoppeklokke er et JavaScript -prosjekt som ofte brukes av nybegynnere til å telle tid. Det lar deg telle timer, minutter, sekunder og til og med millisekunder.

Hvordan lage stoppeklokke med JavaScript og HTML

Her er en eksempelkode for å opprette en funksjonell stoppeklokke:


La PlayButton = dokument.getElementById ("Playbutton");
La PauseButton = dokument.getElementById ("PauseButton");
La ResetButton = dokument.getElementById ("ResetButton");

PlayButton.AddEventListener ("klikk", start);
PauseButton.AddEventListener ("klikk", pause);

Hvordan sette en tidtaker i JavaScript

Du kan angi en tidtaker i JavaScript ved hjelp av setTimeout () og setInterval () metoder.

Hvordan starte og stoppe en tidtaker i JavaScript

For å starte og stoppe en tidtaker i JavaScript, kan du bruke ClearTimeout () og ClearInterval () funksjoner for å avbryte eller stoppe tidtakeren og stoppe utførelsen av kode.

Hvordan sette en tidtaker i 10 sekunder i JavaScript

Du kan opprette en nedtelling på 10 sekunder i JavaScript ved hjelp av setInterval () funksjon.

Hvordan sette en 1-minutters timer i JavaScript

Her er en eksempelkode for å opprette en 1-minutters timer i JavaScript:


funksjon nedtelling () {
    var sekunder = 59;
    funksjon tick () {
        var counter = dokument.getElementById ("Counter");
        sekunder--;
        disk.indrehtml = "0:" + (sekunder < 10 ? "0" : "") + String(seconds);
        if (seconds > 0) {
            setTimeout (hake, 1000);
        }
    }
    sett kryss();
}

Hvordan stoppe en tidtaker i JavaScript

For å stoppe en tidtaker, bruk ClearInterval () funksjon, som tar det unike antallet tidtakeren som skal stoppes.

Hvordan er stoppeklokke implementert i JavaScript?

[WPremark Preset_name = “Chat_Message_1_My” Icon_Show = “0” BAKGRUNT_COLOR = “#E0F3FF” Padding_right = “30” Padding_left = “30” Border_Radius = “30”] [WPremark_icon Icon = “Quote-LEFT-2-SOLILIDTH =” 32 “høyde =” 32 “] Hvordan implementere et stoppeklokke i JavaScript

Hvordan lage en enkel stoppeklokke ved hjelp av JavaScriptstep 1: Lag den grunnleggende strukturen i stoppeklokken.Trinn 2: Lag et skjerm for å se tiden.Trinn 3: Lag 3 knapper i stoppeklokke ved hjelp av HTML CSS.Trinn 4: Aktiver enkel stoppeklokke ved hjelp av JavaScript.

[/WPremark]

Stopwatch er et enkelt JavaScript -prosjekt som er viktig nok for nybegynnere. Denne typen prosjekt brukes til å telle litt tid. Det viktigste poenget med denne designen er at her kan du telle millisekunder jeg.e. timer, minutter, sekunder og millisekunder.

[/WPremark]

Gjør stoppeklokken FunctionAllet PlayButton = Dokument. getElementById ("PlayButton"); La PauseButton = dokument. getElementById ("PauseButton"); la resetButton = dokument. getElementById ("nullstillknapp"); Playbutton. AddEventListener ("Klikk", start); pausebutton. AddEventListener ("Klikk", pause);
Hurtigbufret

[/WPremark]

Hvordan sette en tidtaker i JavaScriptSettimeout () -metoden. Metoden Settimeout () utfører en bestemt funksjon etter at det har gått en bestemt tid. Syntaks.setInterval () -metode. SetInterval () -metoden utfører gjentatte ganger en bestemt funksjon etter en bestemt tid.

[/WPremark]

JavaScript tilbyr to funksjoner ClearTimeout () og ClearInterval () for å avbryte eller stoppe tidtakeren og stoppe utførelsen av kode. Settimeout () og SetInterval () returnerer begge en unik IDS. Disse ID -ene brukes av ClearTimeout () og ClearInterval () for å tømme tidtakeren og stoppe kodeutførelsen på forhånd.

[/WPremark]

JSfunction _Timer (tilbakeringing) {var time = 0; // Standardtiden for tidtakeren.var -modus = 1; // modus: tell opp eller telle ned.var status = 0; // Status: Timeren kjører eller stoppet.var timer_id; // Dette brukes av SetInterval -funksjonen.// dette vil starte tidtakeren eks. Start timeren med 1 sekunder.Start (1000)

[/WPremark]

Du kan opprette en nedtelling på 10 sekunder i JavaScript ved hjelp av SetInterval () -funksjonen.

[/WPremark]

JSFunction Countdown () {var Seconds = 59; Funksjons tick () {var counter = dokument. getElementById ("disk"); sekunder-; teller. indrehtml ="0:" + (sekunder < 10 " 0" : "") + Streng (sekunder); if (sekunder > 0) {

[/WPremark]

For å stoppe tidtakeren, bruk ClearInterval -funksjonen, som tar et unikt antall av tidtakeren som skal stoppes. La det gis en variabel som opprinnelig lagrer nummer 10 . Start en tidtaker som hvert sekund vil redusere verdien av denne variabelen med 1 og skriv ut denne verdien til konsollen.

[/WPremark]

Du kan avbryte intervallet ved hjelp av ClearInterval () . Hvis du ønsker å ha din funksjon ringt en gang etter den spesifiserte forsinkelsen, bruk Settimeout () .

[/WPremark]

For å avbryte en setTimeout () -metode fra å kjøre, må du bruke clearTimeout () -metoden, og passerer ID -verdien som returneres når du ringer Settimeout () -metoden.

[/WPremark]

Sammendrag for å utsette en funksjonsutførelse i JavaScript med 1 sekund, pakk en løfteutførelse i en funksjon og pakk løftets resolut () i en setTimeout () som vist nedenfor nedenfor. setTimeout () godtar tid i millisekunder, så setTimeout (FN, 1000) ber JavaScript ringe FN etter 1 sekund.

[/WPremark]

Standard måten å lage en forsinkelse i JavaScript er å bruke sin Settimeout -metode. For eksempel: konsoll.Logg("Hallo"); setTimeout (() => {konsoll.Logg("Verden!"); }, 5000); Dette ville logge “hei” til konsollen, og deretter få JavaScript til å vente på 5 sekunder, og deretter logge “verden!”

[/WPremark]

JSVar Interal; Function Countdown () {ClearInterval (intervall); Interal = SetInterval (funksjon () {var timer = $ (‘.JS-Timeout ‘). html (); timer = timer. split (‘:’); var protokser = timer [0];

[/WPremark]

Erklære en setTimeout () -funksjon. Inne i det kaller meldingsfunksjonen som det første argumentet. Erklære en annen parameter som 3000 som gir en 3-sekunders forsinkelse i å ringe funksjonen etter utførelse.

[/WPremark]

Forsinkelse 1 sekund

For å bruke SetTimeout for å vente i ett sekund i JavaScript, vil du gi to argumenter til funksjonen: en tilbakeringing og en heltallforsinkelse, i millisekunder. Tilbakeringingsfunksjonen er koden du vil utføre etter den spesifiserte forsinkelsen. For eksempel: setTimeout (() => {konsoll.

[/WPremark]

Vent med Settimeout

Derfor lager Settimeout konsollen. Logg bare ild etter 1000 millisekunder (1 sekund) av den andre konsollen. Logganrop. Der du går, en av måtene å utsette kodeutførelsen er ved å bruke Settimeout.

[/WPremark]

VPN

Hvordan stoppeklokke implementeres i JavaScript?

Hvordan implementere et stoppeklokke i JavaScript

Hva er et stoppeklokke i JavaScript?

Hvordan lage stoppeklokke med JavaScript og HTML

Hvordan sette en tidtaker i JavaScript

Hvordan starte og stoppe en tidtaker i JavaScript

Hvordan sette en tidtaker i 10 sekunder i JavaScript

Hvordan sette en 1-minutters timer i JavaScript

Hvordan stoppe en tidtaker i JavaScript

Promo

Promo