Kaip sukurti „Countdown Timer“ programą „iPhone“

Naudodami vos kelias „JavaScript“ eilutes galite sukurti „iPhone“ „atgalinės atskaitos laikmačio“ programą, kad būtų galima įvertinti dienas ar valandas prieš svarbų įvykį. Viskas ko jums reikia, yra teksto redaktoriaus programa ir žiniatinklio serveris, skirtas rinkti failus. Pagrindinis „JavaScript“ kodas, įkvėptas Dave Taylor HTML tinklalapiui, atidaromas naudojant „iPhone“ „Safari“ žiniatinklio naršyklę. Pakeitus pagrindinį puslapį su savo turiniu ir formatu, galite pridėti piktogramą ir dar kelias eilutes kodo, kad galėtumėte sukurti atskirą programą savo „iPhone“ pagrindiniame ekrane.

Pagrindinis kodas

1.

Paleiskite pagrindinį teksto redaktorių arba HTML redaktorių. Į naują tuščią dokumentą įveskite šį kodą, kad sukurtumėte antraštę, kurioje yra „JavaScript“ pagrindiniam atgalinės atskaitos laikmačiui: „iPhone Countdown Timer“

2.

Pakeisti „2020 m. Sausio 10 d.“ Bet kuria data, kurią norite naudoti kaip tikslinę atskaitos datą. Jei norite, kad atskaitos taškas būtų rodomas dienomis, o ne valandomis, pakeiskite „(60 60)“ su „(60 60 * 24)“ valandų eilutėje.

3.

Norėdami sukurti laikmačio tekstą, po antrašte įveskite šį kodą:

Atgalinės atskaitos laikas baigiasi valandomis.

4.

Įrašykite failą kaip pagrindinį tekstinį failą su plėtiniu „.html“, pvz., „Timer.html“. Įkelkite failą į žiniatinklio serverį ir išbandykite šį pagrindinį atskaitos laikmatį naudodami „Safari“ bet kuriame „iPhone“. Jūs galite pridėti papildomą kodą ir turinį, kad sukurtumėte šią pagrindinę programą.

Neprisijungusios programos kūrimas

1.

Pasirinkite vaizdą, kurį norite naudoti kaip savo programos piktogramą, arba sukurkite sau naudodami bet kurią grafinio dizaino programą. Išsaugokite paveikslėlį kaip PNG failą, kurio dydis yra 114 × 114 taškų, su failo pavadinimu, pvz., „Time-icon.png“. Įkelkite vaizdą į tą patį katalogą kaip ir jūsų timer.html failas.

2.

Sukurkite naują tekstinį failą „Notepad“ ir įrašykite šias tris eilutės eilutes:

CACHE MANIFEST CACHE timer.html

Įrašykite failą kaip „manifest“ paprasto teksto formatu be failo plėtinio. Įtraukite visus kitus failus, pvz., CSS arba „JavaScript“ failus, kuriuos naudojate norėdami pakeisti programą. Tai nurodo iPhone, kuriuos failus išsaugoti talpykloje, kad programa būtų prieinama neprisijungus. Įkelkite šį failą į tą patį aplanką kaip ir timer.html failą žiniatinklio serveryje.

3.

Raskite failą „.htaccess“ žiniatinklio serverio šakniniame aplanke. Įveskite „AddType text / cache-manifest .manifest“ kaip naują eilutę faile. Tai nurodo „iPhone“, kur yra manifesto failas.

4.

Įveskite toliau nurodytas kodo eilutes virš žymės „“ timer.html faile:

Šios dvi eilutės nurodys iPhone, kur yra piktograma ir manifesto failas.

5.

Eikite į „timer.html“ failą naudodami „Safari“ „iPhone“. Ekrano apačioje spustelėkite piktogramą „Siųsti“ ir pasirinkite „Įtraukti į pradinį ekraną“. „IPhone“ išsaugo piktogramą „iPhone“ pradiniame ekrane ir saugo atitinkamus failus į talpyklą, kad bet kuriuo metu galėtumėte ją pasiekti neprisijungus.

Rekomenduojama