Կարգավորելի բառի ժամացույցի սիմուլյատոր `3 քայլ

2024 Հեղինակ: John Day | [email protected]. Վերջին փոփոխված: 2024-01-30 09:45

Սա ճշգրիտ հրահանգելի չէ: Ես նախագծում եմ իմ սեփական Word ockամացույցը և որոշեցի նախ ստեղծել վեբ հավելվածի սիմուլյատոր, որպեսզի կարողանամ տեղադրել ցանցը և ստուգել, թե ինչ տեսք ունի այն օրվա տարբեր ժամերին: Հետո հասկացա, որ սա կարող է օգտակար լինել բառերի ժամացույցների վրա աշխատող այլ մարդկանց համար և որոշեցի կիսվել այն:

Հավելվածը մեկ կարճ HTML ֆայլ է: Եթե այն պահեք և կրկնակի սեղմեք դրա վրա, այն կբացվի ձեր դիտարկիչում և կսկսի ցուցադրել ընթացիկ ժամանակը: Այնուհետև այն կթարմացնի յուրաքանչյուր 10 վայրկյանը մեկ, եթե ժամանակը փոխվել է:

Կա նաև տեքստային դաշտ, որտեղ կարող եք մուտքագրել ցանկացած կոնկրետ ժամանակ և տեսնել, թե ինչպիսին կլինի այն ձեր նախագծում:

Բոլորի խոսքի ժամացույցի ձևավորումը տարբեր է, ուստի ես փորձեցի ծածկագիրը հեշտությամբ կազմաձևել: Դիտեք հաջորդ մի քանի քայլերը, թե ինչպես դա անել:

Հուսով եմ, որ սա օգտակար է ձեզ համար: Հիանալի է, որ կարողանաք փորձարկել դասավորության և ձևակերպումների հետ ՝ նախքան սարքավորումներին անցնելը:

Քայլ 1: Ներբեռնեք HTML ֆայլը

Սիմուլյատորը մեկ ֆայլով վեբ ծրագիր է: Դա ընդամենը 200 տողի տակ է: Կարող եք ներբեռնել այստեղ:

(Իսկապես Github- ում ֆայլը ներբեռնելու կոճակ չկա: Բայց կարող եք պարզապես ընտրել ֆայլի բովանդակությունը, պատճենել և տեղադրել ձեր համակարգչի նոր տեքստային ֆայլում: Համոզվեք, որ ֆայլը անվանեք ինչ -որ բան: html):

Ներբեռնելուց հետո կրկնակի կտտացրեք ֆայլի վրա և այն կբեռնվի ձեր դիտարկիչի ներդիրում: Դուք պետք է տեսնեք ընթացիկ ժամանակը, որը ցուցադրվում է բառերի ցանցում:

Նշում. Ես միայն ծրագիրը փորձարկել եմ Chrome- ի միջոցով Windows- ում:

Քայլ 2: Խմբագրել ցանցը

Դուք կարող եք փորձել բառերի տարբեր դասավորություններ ՝ խմբագրելով Javascript- ի կտորը, որն ունի այս տեսքը.

var row_strs = [«ԱՅՍ Է», «ՄԵԿ ԵՎՐՈ ԵՐԵՔ», «ՉՈՐՈ F ՀԻՆ ՎԱIX», «ՅՈԹ ՅՈԹ», «NINE TEN», «տասնմեկ տասնմեկ», «OH FIVE TEN», «FIFTEEN TWENTY», «O'CLOCK THIRYY», «ՔԱՌԱՍ ՀԻՆԱՅՆ ՀԻՆԳ», «ԿԵՍՈԹՅՈ INՆԸ», «ԳԻՇԵՐ Առավոտ»,];

Եթե ավելացնեք/ջնջեք տողեր և նորից բեռնեք էջը, ձեր ցանցը կլինի ավելի մեծ կամ փոքր:

Եվ եթե յուրաքանչյուր տողին ավելացնեք ավելի շատ տառեր, ձեր ցանցը կդառնա ավելի լայն: Պարզապես համոզվեք, որ բոլոր տողերում ունեն նույն թվով տառեր:

Դուք կնկատեք, որ վերևի կոդի տողերն ունեն բացատներ, բայց դրանք վերածվում են ցանցի պատահական նիշերի: Դուք կարող եք ընտրել այն նիշերի հավաքածուն, որոնք պատահականորեն կօգտագործվեն այդ տարածությունները լրացնելու համար ՝ խմբագրելով հետևյալ տեսքը.

var RANDCHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZ@#$%&";

Քայլ 3: Փոխեք ձևակերպումը

Եթե ցանկանում եք օգտագործել տարբեր արտահայտություններ, դուք պետք է իմանաք, թե ինչպես գրել: Տրամաբանությունը, որը վերցնում է ամսաթիվը և այն վերածում բառերի, գտնվում է dateToSentence () կոչվող գործառույթի մեջ: