„JavaScript“ kodavimas, skirtas skaičiuoti nuo 10 iki 0

„JavaScript“ yra gerai žinoma ir plačiai naudojama skriptų kalba, kuri dažniausiai naudojama norint kurti tinklalapių programas. Galite sukurti šimtus naudingų programų, naudodami „JavaScript“, įskaitant ir atgalinės atskaitos laikmatį. Galite koduoti „JavaScript“ scenarijų, kad jūsų žiniatinklio puslapyje būtų rodomas skaičiavimas nuo 10 iki nulio ir rodomas pranešimas, kai jis pasiekia nulį. „JavaScript“ scenarijus galima sukurti bet kuriame teksto redaktoriuje, pvz., „Notepad“ ir „WordPad“, tačiau jis turi būti išsaugotas naudojant „.js“ plėtinį.

1.

Sukurkite naują tekstinį failą ir pavadinkite jį „timer.js“. „.Js“ plėtinys rodo, kad tai „JavaScript“ failas. Atidarykite failą teksto redaktoriuje, pvz., „Notepad“ arba „WordPad“.

2.

Nustatykite du kintamuosius (laikmatis ir TotalSeconds), įterpdami šias dvi eilutes:

var Timer; var TotalSeconds;

3.

Sukurkite naują funkciją (CreateTimer), rodantį savo tinklalapio laikmatį įterpiant šį kodą:

funkcija CreateTimer (TimerID, laikas) {Timer = document.getElementById (TimerID); TotalSeconds = Laikas; UpdateTimer () window.setTimeout ("Pažymėti ()", 1000); }

"Window.setTimeout (" Pažymėti () ", 1000);" funkcija leidžia laikmačiui pažymėti kas sekundę. Dabar jūsų scenarijus atrodo taip:

var Timer; var TotalSeconds;

funkcija CreateTimer (TimerID, laikas) {Timer = document.getElementById (TimerID); TotalSeconds = Laikas; UpdateTimer () window.setTimeout ("Pažymėti ()", 1000); }

4.

Pridėkite funkciją, kuri verčia laikmatį mažinti vieną sekundę kiekvienam pažymėjimui:

funkcija Pažymėti () {if (TotalSeconds <= 0) {įspėjimas („Time's up!“) grįžta; } TotalSeconds - = 1; UpdateTimer () window.setTimeout ("Pažymėti ()", 1000); }

„Jei (TotalSeconds <= 0)“ argumentas užtikrina, kad skaičiavimas sustotų ties nuliu ir rodomas „Laikas baigėsi“. pranešimą. "Window.setTimeout (" Pažymėti () ", 1000);" funkcija užtikrina, kad skaičiavimas tęstųsi iki nulio.

5.

Įdėkite funkciją, kad atnaujintumėte laikmatį kiekviename pažymėjime, kad pamatytumėte atgalinę atskaitą:

funkcija „UpdateTimer“ () {Timer.innerHTML = TotalSeconds; }

6.

Dabar jūsų scenarijus atrodo taip:

var Timer; var TotalSeconds;

funkcija CreateTimer (TimerID) {Timer = document.getElementById (TimerID); TotalSeconds = 10; UpdateTimer () window.setTimeout ("Pažymėti ()", 1000); }

funkcija Pažymėti () {if (TotalSeconds <= 0) {įspėjimas („Time's up!“) grįžta; } TotalSeconds - = 1; UpdateTimer () window.setTimeout ("Pažymėti ()", 1000); }

funkcija „UpdateTimer“ () {Timer.innerHTML = TotalSeconds; }

7.

Išsaugokite failą. Jei norite naudoti scenarijų tinklalapyje, naudokite šį HTML kodą: